
微信小程序中怎么做无缝轮播
在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>登录后复制
推荐学习:小程序开发
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!