请老师帮忙检查作业,谢谢

来源:1-7 自由编程

叫我丽红

2022-02-07 15:19:53

wxml文件:

<view  class="content">

  <image

  class="image-item"

  wx:for="{{imgList}}"

  src="{{item.url}}"

  wx:key="*this"

  >

  </image>

</view>



wxss文件:

.content{

  width: 100%;

  /* 规定灵活的项目在必要的时候拆行或拆列。 */

  flex-wrap:wrap;

  /* 均匀排列每个元素每个元素周围分配相同的空间 */

  justify-content: space-around;

  background-color: darksalmon;

  display: flex;

}

.image-item{

  width: 48%;

  margin: 20rpx 0;

}



js文件:


Page({

  data: {

    imgList:[]

  },


  onLoad() {

    wx.request({

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

      success:(res) => {

        const {data:{imgList} } = res;

        this.setData({

          imgList

        })

      }

    })

  },

 

})


写回答

1回答

好帮手慕慕子

2022-02-07

同学你好,代码实现是正确的,继续加油,祝学习愉快~

0

0 学习 · 15276 问题

查看课程