//状态栏高度
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
//胶囊高度
// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
this.customHeight = wx.getMenuButtonBoundingClientRect()
// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
this.navigationBarHeight = this.customHeight.height + (this.customHeight.top - this.iStatusBarHeight) * 2
// 总体高度 = 状态栏高度 + 导航栏高度
this.navHeight = this.navigationBarHeight + this.iStatusBarHeight
console.log(this.iStatusBarHeight);
console.log(this.customHeight);
console.log(this.navigationBarHeight);
console.log(this.navHeight);
uniapp 微信小程序 自定义导航栏 右上角设置(小胶囊)状态栏高度、头部高度、胶囊高度
于 2022-08-17 12:57:30 首次发布