请老师帮忙检查作业,谢谢
来源: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
同学你好,代码实现是正确的,继续加油,祝学习愉快~
相似问题