轮播图

<swiper class="swiper" autoplay indicator-dots indicator-color="#fff" indicator-active-color="#ddd" interval="2000">
  <swiper-item wx:for="{{swiper}}" wx:key="index">
    <navigator url="/pages/details/details?goods_id={{item.goods_id}}">
      <image src="{{item.image_src}}" mode="widthFix"></image>
    </navigator>
  </swiper-item>
</swiper>

/**index.wxss**/
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #aaa;
}

.userinfo-avatar {
  overflow: hidden;
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.usermotto {
  margin-top: 200px;
}

data: {
    swiper:[],
  },
  onLoad() {
    let that = this
    wx.request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',
      success(res){
        that.setData({
          swiper:res.data.message
        })
        console.log(res)
      }
    })
    
  },