在app.js文件中的onLaunch生命周期中可以获取到整个系统信息。
APP({
onLaunch(){
wx.getSystemInfor({
success:(result)=>{
console.log(result.statusBarHeight);//状态栏高度
console.log(this.globalData.statusBarHeight);
//计算公式
this.globalData.statusBarHeight=result.statusBarHeight*
(750/result.windowHeight)+88
},
})
}
})
在页面中使用,在数据中先定义一个变量来作为初始值,然后通过setData改变数据,从而实现导航栏在不同手机上高度的自适应
需要设置导航栏高度是应为手机有刘海屏或者手机最顶部有电量、消息等,不设置导航栏高度会盖住手机最顶部。
let app=getAPP()
//数据
data:{
navH:0
},
//生命周期--监听页面加载
onLoad(options){
this.setData({
navH:app.globalData.headerHeight
})
}
//页面中
<view style="height:{{navH}}rpx;"></view>