js

Page({

  data: {

    imgList: []

  },

  onLoad() {

    wx.request({

      url: 'https://www.fastmock.site/mock/2d6453f1b302b10525c696f14b4637d7/weixin/api/getData',

      success: (res) => {

        const imgList = res.data.imgList;

        this.setData({

          imgList

        })

      }

    })

  }

})

wxss

.container{

  display: flex;

  justify-content: space-around;

  align-items: center;

  flex-wrap: wrap;

  flex-grow: 2;

  background-color: pink;

}

.img{

  width: 300rpx;

  margin: 20rpx 0;

  height: 300rpx;

}

wxml

<view class="container">

  <image wx:for="{{imgList}}" wx:key="*this" src="{{item.url}}" class="img"></image>

</view>

​