小程序swiper配置參數使用

不管什么項目，一個輪播是基本少不了的，現在就來踩下微信小程序的swiper吧！

首先打開文檔，可以看到下面這些參數：(https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html)

后面有詳細的解說，我就不一一說了！主要看下面的！

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" class="slide-image" width="355" height="150"/> </swiper-item> </block> </swiper>
變量設置在data當中

將默認的寬高去掉，然后給個樣式！

默認指示點是為false的，我們要改成true

修改指示點的顏色:

indicator-color="white" indicator-active-color="#cccccc"

 

一個簡單的輪播就好了！