从零开始开发微信小程序轮播图（五）

实例：

第一步：WXML文件：

<swiper indicator-dots="{{indicatorDots}}"   autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">   <block wx:for="{{imgUrls}}" wx:key="unique">    <swiper-item>     <image src="{{item}}" class="slide-image"/>    </swiper-item>   </block></swiper>

第二步：js文件：

Page({  data: {      imgUrls: [      'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',      'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',      'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'      ],      indicatorDots: true,      autoplay: true,      interval: 3000,      duration: 500,       },  })

介绍一下参数的意思：

   indicatorDots: true,      autoplay: true,      interval: 3000,      duration: 500,

indicator-dots Boolean false 是

否显示面板指示点autoplay Boolean false 是否自动切换interval Number 5000 自动切换时间间隔duration Number 500 滑动动画时长

以上就是从零开始开发微信小程序轮播图（五）的详细内容，更多内容请关注技术你好其它相关文章！