微信小程序-动态获取view高度

微信小程序-动态获取view高度,第1张

因为对小程序父标返厅签和子标签的布局还不是特别了解,不像ios,父标签固定,子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度,然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二,感激不尽~~~

<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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12494610.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存