1.在index.wxml文件中:给图片绑定一个图片加载完成的方法:
<image bindload=“onImageLoad” class=“img” src="{{data.img}}">
2.index.js文件中实现onImageLoad方法动态获取图片的高度
methods: {
onImageLoad:function (event) {
const {height,width}=event.detail
this.setData({
w:340,
h:height/width*340
})
}
}
3.在index.wxml中给image控件设置style属性:
<image bindload=“onImageLoad” style=“width: {{w}}rpx;height: {{h}}rpx” class=“img” src="{{data.img}}">
微信小程序-动态设置图片的高度
最新推荐文章于 2024-07-11 19:16:08 发布