微信小程序—swiper(滑块视图容器)

Page({
    data: {
        imgUrls: [
            '../../imgs/001.jpg',
            '../../imgs/002.jpg',
            '../../imgs/003.jpg',
        ],
        indicatorDots: true,
        autoplay: true,
        interval: 3000,
        duration: 500
    },
})

<!-- 实现轮播图效果 -->
<!-- <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> -->
<swiper indicator-dots="true" autoplay="true" interval="3000" duration="500" current="0">
    <block wx:for="{{imgUrls}}">
        <swiper-item>
            <image src="{{item}}" class="slide-image" width="355" height="150"/>
        </swiper-item>
    </block>
</swiper>

https://blog.csdn.net/u010545480/article/details/78909701 

https://blog.csdn.net/afanbaby/article/category/7332410

https://www.cnblogs.com/dashucoding/p/9555838.html