<view id='viewID'>
<view id="scriptID">
var query = wx.createSelectorQuery()
纤悄 //选择id
query.select('#numID').boundingClientRect()
query.select('#scriptID').boundingClientRect()
query.exec(function (res) {
//res就是 所有标签为mjltest的元素的信息 的数组
console.log('所有:',res)
/毁世渣/取高度
that.setData({
storyHeight:that.data.detailHeight -(res[0].height+res[1].height)
})
})
期望颤猜的效果是,image的高度height是自动的。
网上好多说把image的mode设置为widthFit。这种方法还是需要给image设置宽度高度。并不是height自动,而是height固定,图片在显示的时候,显示的图片区域在高度上是自适应的
所以还是需要用js计算
imageLoad: function(e) {
var $width=e.detail.width,//获取图片真实宽度
$height=e.detail.height,
ratio=$width/$height //图片的真实宽高比例varviewWidth=718,//设置图片显示宽度,左右留有16rpx边距陆掘viewHeight=718/ratio //计算的高度值varimage=this.data.images
//将图片的datadata-index作为image对象的key,然后存储图片的宽高值
image[e.target.dataset.index]={
width:viewWidth,
height:viewHeight
茄悉型 }
this.setData({
images:image
})
}
https://www.cnblogs.com/myboogle/p/6306351.html
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)