swiper標籤是微信小程式中自帶的輪播圖元件，然我們可以快速的建立一個輪播圖，不再需要像在HTML中那樣麻煩。

swiper （滑塊檢視容器，即輪播圖容器）

輪播圖元件容器。
在此容器中加入輪播的圖片，設定部分屬性即可完成輪播圖的設計，非常方便。下面記錄一下各個常用屬性及其作用。

注意

下面這些全都是屬性，不是CSS樣式

1.autoplay(自動輪播，預設false)

值為：true/false，如果是true可以直接寫autoplay，不用寫值。
新增這個屬性之後，輪播圖就可以動起來了。

2.indicator-dots(是否顯示面板指示點，即小圓點)

值為：true/false，如果是true

3.indicator-color(小圓點未選中時的顏色，預設rgba(0, 0, 0, .3))

值為顏色程式碼。例：indicator-color="#ffffff"

4.indicator-active-color(小圓點被選中時的顏色，預設#000000)

值為顏色程式碼。例：indicator-active-color="#c4c4c4"

5.interval(設定每張圖片的展示時間，即輪播間隔)

值為時間，單位ms，預設5000ms，即5秒。例：interval="3000"

6.duration(設定動畫過程的時間)

值為時間，單位ms，預設500ms，即0.5秒。例：duration="300"

這裡設定的主要是自動輪播時的動畫時間，手動拖動時要看手的速度