微信小程序中怎么做无缝轮播
在index.js文件中定义topScroll数组以及swiper的各个属性值,其属性代表什么含义参考开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html?t=1476197489605
微信小程序中可以使用swiper组件实现轮播效果,添加autoplay属性可以实现自动播放,添加circular属性可以实现无缝轮播。
<swiper circular={{circular}} indicator-dots={{indicatorDots}} autoplay={{autoplay}} interval={{interval}} duration={{duration}}> <block wx:for={{topScroll}} wx:key=item.id> <swiper-item> <image src={{item.url}} class=slide-image/> </swiper-item> </block> </swiper>
推荐学习:小程序开发