其實小程式的輪播圖比PC端的簡單多了，沒有那麼多的js程式碼跟邏輯，但是對於新手的我來說還是踩了很多坑。

效果圖：

前端程式碼：

<!--輪播圖  -->
    <view class='nav'>
      <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="500"circular="true">
        <block wx:for="{{img}}" wx:key="item"> <!-- 迴圈資料-->
        <swiper-item><image src='http://www.huiyin.com{{item.value}}' class='img'></image></swiper-item>
       </block>  
      </swiper >
 

樣式程式碼：

.img{width: 100%;height: 100%;} .nav,.swiper{width: 100%;}

js程式碼：

  var that = this //js的作用域問題
    //獲取輪播圖
    wx.request({
      url: '介面地址',
      method: "get",
      success: function (e) {
        var data = e.data
        if (data.code == 200) {
          that.setData({
            img:data.data
          })
        }
      }
    })