实现滑块视图容器 swiper

实现滑块视图容器   swiper

    wxml:

       <swiper class="section icons" indicator-dots="true" autoplay="" interval="" duration="500">
      <swiper-item wx:for="{{icons}}" wx:for-item="list" wx:key="id">
        <view class="icon" wx:for="{{list}}" wx:for-item="icon2">
          
            <image src="{{icon2.img}}" />
         <text>{{icon2.name}}</text>
        </view>
      </swiper-item>
    </swiper>

js:

 wx.request({
        url: '',//上线的话必须是https，没有appId的本地请求貌似不受影响  
        data: {},
        method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT  
        // header: {}, // 设置请求的 header  
        success: function (res) {
          console.log(res.data.result)
          
          self.setData({
            icons: res.data.result
          })
        },
        fail: function () {
          // fail  
        },
        complete: function () {
          // complete  
        }
      })  

数据格式：

   echo "{\"code\":0,\"message\":\"success\",\"result\":[[{\"id\": \"1\",\"img\": \"/imgs/index/icon_1.jpg\",\"name\": \"美食\",\"url\": \"\"},{\"id\": \"2\",\"img\": \"/imgs/index/icon_2.jpg\",\"name\": \"超市\",\"url\": \"\"},{ \"id\": \"3\",\"img\": \"/imgs/index/icon_3.jpg\",\"name\": \"鲜果购\",\"url\": \"\"},{\"id\": \"4\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"5\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"6\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"7\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"8\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"}],[{\"id\": \"1\",\"img\": \"/imgs/index/icon_1.jpg\",\"name\": \"美食1\",\"url\": \"\"},{\"id\": \"2\",\"img\": \"/imgs/index/icon_2.jpg\",\"name\": \"超市1\",\"url\": \"\"},{ \"id\": \"3\",\"img\": \"/imgs/index/icon_3.jpg\",\"name\": \"鲜果购\",\"url\": \"\"},{\"id\": \"4\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"5\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"6\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"7\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"},{\"id\": \"8\",\"img\": \"/imgs/index/icon_4.jpg\",\"name\": \"下午茶\",\"url\": \"\"}]]}";