前端uniapp小程序设置了“navigationStyle“: “custom“,获取每个手机顶部状态栏高度


更改·后的代码
<view :style="{height:statusBarHeight+'px'}" class="status"></view>
第一种:onLoad(){
this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
console.log(this.statusBarHeight,'-')
// this.statusBarHeight = wx.getSystemInfoSync()['statusBarHeight']
},
第二种:onLoad(){
uni.getSystemInfo({
success:(e)=> {
console.log(e.statusBarHeight;)
this.statusBarHeight = e.statusBarHeight;
}
})
console.log(this.statusBarHeight,'-')
},
//css
.status{
width: 100%;
background-color: red;
}