按照官网设置了mode,图片还是不按自身大小显示
解决办法:
使用uni.getImageInfo()方法获取图片信息宽高,然后再赋值渲染
注意:小程序下获取网络图片信息需先配置download域名白名单才能生效。
1、
<image class="image" :src="path" mode="widthFix" :style="{ width:imgWidth+ 'rpx'}"></image>
2、
uni.getImageInfo({
src: this.path,
success: function(image) {
this.imgWidth = image.width;
this.imgHeight = image.height;
}
})
3、
.image {
max-width: 336rpx; // 设置最大宽度,超出按自身宽高比例缩放
}
参考地址:https://blog.csdn.net/haidong55/article/details/123667079