swiper標簽是微信小程序中自帶的輪播圖組件，然我們可以快速的創建一個輪播圖，不再需要像在HTML中那樣麻煩。
swiper （滑塊視圖容器，即輪播圖容器）
輪播圖組件容器。
在此容器中加入輪播的圖片，設置部分屬性即可完成輪播圖的設計，非常方便。下面記錄一下各個常用屬性及其作用。
注意
下面這些全都是屬性，不是CSS樣式
1.autoplay(自動輪播，默認false)
值為：true/false，如果是true可以直接寫autoplay，不用寫值。
添加這個屬性之后，輪播圖就可以動起來了。
2.indicator-dots(是否顯示面板指示點，即小圓點)
值為：true/false，如果是true可以直接寫indicator-dots，不用寫值。
添加這個屬性之后，輪播圖中間靠底部會有對應的小圓點出現。
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"
這里設置的主要是自動輪播時的動畫時間，手動拖動時要看手的速度😆
7.current(當前所在滑塊的index，默認0)
值為非負整數，就是默認展示的圖片，在頁面加載時展示的第幾張圖片
這里的idnex有點像是數組的下標，以0開頭。
8.circular(是否采用銜接滑動)
默認false，主要是讓圖片從最后一張到第一張圖片的動畫變為銜接的，而不是回到第一張圖片。
9.easing-function(swiper切換動畫類型)
默認："default",
所有其他值：
| 值 | 說明 |
|---|---|
| default | 默認緩動函數 |
| linear | 線性動畫 |
| easeInCubic | 緩入動畫 |
| easeOutCubic | 緩出動畫 |
| easeInOutCubic | 緩入緩出動畫 |
swiper-item(swiper的必要子組件)
如果在swiper中不使用swiper-item，輪播組件的內容則顯示不了。
在每個image外使用swiper-item包裹起來，則可以了。
(完)