輪播圖是大部分應用的一個常用的功能，常用于廣告投放、產品展示、活動展示等等。 
漂亮的輪播圖效果可以吸引用戶的點擊，達到推廣產品的作用。 
廢話少說，下面開始動手。

業務需求： 
5個圖片輪番播放，可以左右滑動，點擊指示點可以切換圖片

重點說明： 
由于微信小程序，整個項目編譯后的大小不能超過1M 

 
查看做輪播圖功能的一張圖片大小都已經有100+k了 

那么我們可以把圖片放在服務器上，發送請求來獲取。

index.wxml： 
這里使用小程序提供的<swiper>組件 
autoplay：自動播放 
interval：自動切換時間 
duration：滑動動畫的時長 
current：當前所在的頁面 
bindchange：current 改變時會觸發 change 事件 
swiper 的屬性 設置為 vertical="true" 即可上下滾動 
由于<swiper>組件提供的指示點樣式比較單一，另外再自定義指示點的樣式