使用uni.getSystemInfo获取手机信息，设置动态导航栏+状态栏的高度。

最新推荐文章于 2024-03-01 11:42:35 发布

如果会御剑

最新推荐文章于 2024-03-01 11:42:35 发布

阅读量3.4k

点赞数 1

文章标签： css 动画 css3

本文链接：https://blog.csdn.net/weixin_44694389/article/details/121579452

版权

本文介绍了如何利用uni.getSystemInfo获取手机信息，动态设置导航栏和状态栏的高度，尤其在微信小程序中需要注意平台差异，避免高度计算误差。内容包括动态定位导航栏、处理自定义导航栏盖住内容的问题，以及对CSS样式的调整。

摘要由CSDN通过智能技术生成

onLoad(){
   //获取状态栏+导航栏的高度
	let _that = this;
	uni.getSystemInfo({
		success(e) {
			if(e.platform == "ios"){
				_that.statusBarHeight = e.statusBarHeight + 45;
			}else{
				_that.statusBarHeight = e.statusBarHeight + 50;
			}
		}
	})
}

注意：微信小程序的e.platform是devtools，所以要加上这个判断，不然会多出来5像素

onLoad(){
   //获取状态栏+导航栏的高度
	let _that = this;
	uni.getSystemInfo({
		success(e) {
			if(e.platform == "ios" || e.platform == "devtools"){
				_that.statusBarHeight = e.statusBarHeight + 45;
			}else{
				_that.statusBarHeight = e.statusBarHeight + 50;
			}
		}
	})
}