老师你好，flex布局中如何让图片只设置宽度，而图片高度根据图片的宽高比来自动设定？

来源：1-7 自由编程

慕的地9277935

2021-04-12 10:14:46

相关截图：

index.wxml 相关代码：

<!--index.wxml-->
<view class="img-container">
    <image class="img-item" wx:for="{{imgList}}" src="{{item.url}}" wx:key="index "></image>
</view>

index.wxss 相关代码：

/**index.wxss**/
.img-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  background-color: rgb(247, 128, 207);
}
.img-item {
  width: 40%;
  margin: 20rpx 0;
}

index.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
        })
      }
    });
  }
})