great_distribution/App.vue

<script>
	export default {
		globalData: {
		    statusBarHeight: 0, // 状态导航栏高度
		    navHeight: 0, // 总体高度
		    navigationBarHeight: 0, // 导航栏高度(标题栏高度)
		},
		onLaunch: function() {
			console.log('App Launch')
			// console.log('App Launch')
			 // 状态栏高度
			this.globalData.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
					 
			// #ifdef MP-WEIXIN
			// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
			const custom = wx.getMenuButtonBoundingClientRect()
			// console.log(custom)
					 
			// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
			this.globalData.navigationBarHeight = custom.height + (custom.top - this.globalData.statusBarHeight) * 2
			// console.log("导航栏高度："+this.globalData.navigationBarHeight)
					 
			// 总体高度 = 状态栏高度 + 导航栏高度
			this.globalData.navHeight = this.globalData.navigationBarHeight + this.globalData.statusBarHeight
					 
			// #endif
					 
			// console.log('this.globalData==========',this.globalData)
			// this.$wxApi.config()
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import "@/uni_modules/uview-ui/index.scss";
	/*每个页面公共css */
	/* #ifdef H5 */
	* {
		margin: 0;
		padding: 0;
	}
	html,body {
		width: 100%;
		height: 100%;
	}
	/* #endif */
</style>