getPageHeight(){
let systemInfo = wx.getSystemInfoSync()
// px转换到rpx的比例
let pxToRpxScale = 750 / systemInfo.windowWidth;
// 状态栏的高度
let ktxStatusHeight = systemInfo.statusBarHeight * pxToRpxScale
// 导航栏的高度
let navigationHeight = 44 * pxToRpxScale
// window的高度
let ktxWindowHeight = systemInfo.windowHeight * pxToRpxScale
// 屏幕的高度
let ktxScreentHeight = systemInfo.screenHeight * pxToRpxScale
// 底部tabBar的高度
let tabBarHeight = ktxScreentHeight - ktxStatusHeight - navigationHeight - ktxWindowHeight
}
小程序获取page页面各个高度
版权归原作者所有,如有侵权请告知。达维营-前端网 » 小程序获取page页面各个高度
相关推荐
- 微信小程序wx.navigateTo点击不跳转:[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021.See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.
- e.target.value和this的区别,e.detail.value,e.currentTarget.dataset.value
- uni-app子组件onLoad、onReady事件无效
- uniapp怎么样去掉顶部导航
- 解决微信小程序image图片mode=“widthFix“图片显示瞬间纵向拉伸变形闪烁的bug
- 关于uniapp使用hb编译时提示:Error: Unexpected ‘/’. Escaping special characters with \ may help.
- 使用uview插件时报错 ‘文件查找失败’解决方案
- uni-app 工程与 vue-cli 工程相互转换