微信小程序-动态获取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)

          })

        })

1.在app动态获取页面头部导航高度

2.定义头部组件

组件js

组件json

组件wxml

组件wxss自己写

3.需要引入的页面

(1).修改当前页面头部,自定义页面头图,引入组件

引入页面json

(2).页面js

(3).页面中使用组件,直接插入页面就可以了


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存