微信小程序实现轮播图,三后跳转,显示点。
轮播图代码:
<view>
<swiper style='height:500rpx' autoplay="auto" interval="3000" duration="500" indicator-dots="true">
<swiper-item>
<image src='/images/core/ks.png' style='width:100%;height:500rpx'></image>
</swiper-item>
<swiper-item>
<image src='/images/core/bx.png' style='width:100%;height:500rpx'></image>
</swiper-item>
<swiper-item>
<image src='/images/core/cet.png' style='width:100%;height:500rpx'></image>
</swiper-item>
</swiper>
</view>
1.设置图片三秒后跳转:
在swiper中添加:
autoplay="auto" interval="3000" duration="500"
2.设置轮播图上图片的点,默认是false不显示点。
在swiper中添加:
indicator-dots="true"