uni-app 自定义头部 安全距离

APP.vue   

divHeight:'',
			paddingHeight:'',

方法

uni.getSystemInfo({
					success: (res) => {
						//获取到手机状态栏的高度
						let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
						console.log('右边胶囊信息', menuButtonInfo)
						console.log('右边胶囊信息', menuButtonInfo.top)
						
						this.globalData.divHeight = menuButtonInfo.bottom + menuButtonInfo.top - res.statusBarHeight*2 + 'px';
						this.globalData.paddingHeight = res.statusBarHeight + 'px'
						console.log(this.globalData.hig,this.globalData.bigBoxHeight)
						

					}
				})

这样就全局定义了    再其他页面可以直接 this.globalData.divHeight 调用