在这里插入图片描述

	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()参考链接

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐