老师这个布局高度没有等比
来源：2-1 Tab切换菜单的制作
慕瓜0126554
2021-05-30 05:06:49
html:
<view class="page">
<block wx:for="{{imgList}}">
<image class="page-img" src="{{item.url}}"/>
</block>
</view>
css:
.page{
width: 100%;
background: pink;
display: flex;
flex-wrap: wrap;
text-align: center;
vertical-align: middle;
}
.page-img{
padding: 1% 2%;
width: 45%;
}
js:
// index.js
// 获取应用实例
const app = getApp()
Page({
data: {
imgList:[]
},
onLoad(){
wx.request({
url: 'https://www.fastmock.site/mock/2d6453f1b302b10525c696f14b4637d7/weixin/api/getData',
success:(res)=>{
const {data}=res;
const {imgList}=data;
console.log(imgList);
this.setData({
imgList
})
}
})
}
})
1回答
-
好帮手慕言
2021-05-30
同学你好，可以给图片标签设置mode="widthFix"，但是实际上请求的图片是不一样大小的，所以设置此属性，效果会不美观，建议：目前可以给图片标签设置一个固定的高度，整体页面美观即可。
祝学习愉快~
0
