小程序中swiper标签用来制作轮播图
<swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrls}}">
<swiper-item>
<image src="{{item}}" class="slide-image" width="355" height="150"/>
</swiper-item>
</block>
</swiper>
JS控制轮播图的相关信息。
今天在做轮播图时发现个有趣的东西;
interval用来控制多久时间切换图片,duration用来控制切换动作持续的时间,
那么问题来了,如果把两者的时间设定相等,那不就可以无限自动滚动了吗!
啊哈哈哈
data: {
imgUrls:[
"image/1.jpg",
"image/2.jpg",
"image/3.jpg",
"image/4.jpg",
"image/5.jpg",
],
autoplay: true,
// 多久时间切换
interval: 2000,
// 切换动作需要花费的时间
duration: 2000
},