重要参数
indicator-dots 显示圆点
indicator-color 改变原点颜色
indicator-active-color 改变选中原点颜色
autoplay 自动切换
interval 切换时长，单位毫秒，默认5000，可以改为2500
circular 自动衔接，播放完一轮继续从头开始
1，swiper里面必须要放置swiper-item标签。
2，一般会配合for循环一起使用。
3，轮播图也可以绑定一些特殊事件，比如图片切换，动画完成等等，但是很少会用
简单使用
如果你是一个比较老的前端，或者你曾经学习过如何使用原生js来写一个轮播图，那么你可能对哪些困难和麻烦还历历在目。比如说，如何设置定时器操作图片进行移动，如何将一个图片拼接成更长的图片，然后再一个没人发现的时间突然通过定位，定位到开头，然后循环播放。
可是没想到，现如今，这一切都不需要了。你不再需要知道轮播图用js怎么写，也不需要知道动画和控制怎么做。因为这些全都被封装好了，你只需要使用swiper的标签就可以了
<swiper indicator-dots autoplay circular>
<swiper-item wx:for="{{ [1, 2, 3]}}">
<image src="/这里填写图片的地址/哈哈哈哈" mode="widthFix"></image>
</swiper-item>
</swiper>
注意：不是所有的图片都是适合用作轮播图的，你必须找合适大小的图片，如果你非要放一个正方形的图片，或者是竖着的照片，而且你还不希望图片被裁减。那么，你当然是可以做出一个轮播图的，但是这个轮播图和我们平常见到的轮播图不太像。这是没办法的事情！所以，轮播图做不好的主要原因，很可能不在于你的代码，而在于你选取的图片。
回到小程序快速文档-吴茗
|