微信小程序之swiper无缝轮播

来源:互联网 发布:倚天版现货指标源码 编辑:程序博客网 时间:2024/06/09 17:16

在index.js文件中定义topScroll数组以及swiper的各个属性值,其属性代表什么含义参考开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html?t=1476197489605

加入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>
0 0
原创粉丝点击