小程序调用API 显示图片轮播 success{}该怎么写

Question

怎么把当前Id 的图片 图片轮播在界面上

wxml img没问题吧

wx.request({

   url: 'http://192.168.5.153:8016/api/ProductSlideImage/GetList',

   data: { productid: p_id },

   success(res) {

     var arr = [];

     for (var i = 0; i < res.length; i++){
       arr.push(res['SlideImage']);
     }

     that.setData({
       imgUrls: arr
     });
     console.log(arr);
   }

 })

Answer 1

把后台请求数据中图片位置,添加到轮播图中,例如我下面贴的代码,imgUrls这个列表中

  <!--  图片轮播  -->
  <view class="swiper-container">
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{duration}}" mode="center" class="swiper">
        这部分是核心
      <block wx:for="{{imgUrls}}">
        <swiper-item>
          <image src="{{item.url}}" class="slide-image" style='height:425rpx;' mode="aspectFill" />
        </swiper-item>
      </block>
    </swiper>
  </view>