uni-app计算页面高度
时间: 2023-08-25 21:05:50 浏览: 96
uniapp实现顶部选项卡动态高度
要计算页面高度,可以使用uni-app中提供的API `uni.getSystemInfoSync()`获取屏幕高度,再结合页面中元素的高度来计算出页面的实际高度。示例代码如下:
```
// 获取屏幕高度
const systemInfo = uni.getSystemInfoSync()
const screenHeight = systemInfo.screenHeight
// 获取页面中元素的高度
const query = uni.createSelectorQuery()
query.select('#element').boundingClientRect()
query.exec(res => {
const elementHeight = res[0].height
// 计算页面高度
const pageHeight = screenHeight - elementHeight
console.log('页面高度:', pageHeight)
})
```
其中,`#element`是页面中需要计算高度的元素的id,可以根据实际情况进行修改。
阅读全文