- 需求的场景描述(希望解决的问题)
希望页面图片的显示宽高比例都为固定值,在js中设置之后不设置高度会被小程序图片默认高240px覆盖
onShow: function () {
var that = this
var query = wx.createSelectorQuery()
query.select("#slide-image").boundingClientRect(function (res) {
console.log(res.width)
that.setData({
height: res.width * 2 / 3 + 'px'
})
}).exec()
}
- 希望提供的能力
image 加载需要时间的,你要把这个获得图片信息写道 image 的 bindload 事件里
'width' of null 说的很明显
<image class="slide-image" id="slide-image" src="{{value.pic}}" mode="scaleToFill"style="height:{{height}}"/>
调试工具的截图呢