微信小程序中使用轮播图

wxml文件

  <swiper class="bannerswiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
    <block wx:for="{{banner}}" wx:key="{{index}}">
      <swiper-item>
        <image src="{{item}}" class="slide-image" />
      </swiper-item>
    </block>
  </swiper>

js文件

data: {
    banner: [
      '../../images/banner_1.png' ,//图片路径仅为示例(实际可从后台取出数据赋值给banner)
      '../../images/banner_2.png'
      ]
  },
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。