关于图片布局代码:
<view class="parent">
<view class="child-left">
<image src="xxx" alt="" class="img"></image>
</view>
<view class="child-rght">
</view>
</view>
//样式
.parent{
display:flex;
flex-direction:row;
height:120rpx;
}
.child-left{
120rpx;
margin-right:20rpx;
}
.img{
100%;
height:100%; //注意了:问题就出在这里,这里的高度,不能用100%,要写上具体的rpx值,修改为:120rpx。就可以让图片显示了。
}
.child-rght{
flex:1;
}
参考链接:https://developers.weixin.qq.com/community/develop/doc/0000084a6c40c877c9d64b8b856000