微信小程序中怎么做無縫輪播

微信小程序中怎么做無縫輪播

在index.js文件中定義topScroll數(shù)組以及swiper的各個屬性值，其屬性代表什么含義參考開發(fā)文檔https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html?t=1476197489605

微信小程序中可以使用swiper組件實現(xiàn)輪播效果，添加autoplay屬性可以實現(xiàn)自動播放，添加circular屬性可以實現(xiàn)無縫輪播。

<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>

推薦學習：小程序開發(fā)