之前刚开始接触小程序的时候有写过小程序状态栏,今天开发的时候又遇到了,顺便记录下。
<view style="padding-top: {{statusBarHeight}}px;background-color: #f6f6f6;"></view>
Page({
data: {
statusBarHeight: 0, //状态栏初始高度
toBarHeight: 44, //标题栏高度
},
onLoad(options){
// 手机状态栏的高度
let sysinfo = wx.getSystemInfoSync();
this.setData({
statusBarHeight: sysinfo.statusBarHeight
})
},
})