uniapp 小程序自定义导航栏计算状态栏(顶部)与导航栏(胶囊)高度
小程序自定义导航栏高度问题
·
mounted() {
// #ifndef H5 || APP-PLUS || MP-ALIPAY
let menuButtonObject = uni.getMenuButtonBoundingClientRect(); //获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点。
uni.getSystemInfo({ //获取系统信息
success: res => {
let navHeight = menuButtonObject.height + (menuButtonObject.top - res.statusBarHeight) *
2; //导航栏高度=菜单按钮高度+(菜单按钮与顶部距离-状态栏高度)*2
// 导航栏(胶囊)高度
this.titleBarHeight = navHeight;
// 状态栏(顶部)高度
this.statusBarHeight = res.statusBarHeight
console.log(this.titleBarHeight);
console.log(this.statusBarHeight);
},
fail(err) {
console.log(err);
}
})
// #endif
},
uni.getMenuButtonBoundingClientRect() 参考链接
uni.getSystemInfo()参考链接
更多推荐
已为社区贡献2条内容
所有评论(0)