当前位置：网站首页>微信小程序状态栏

微信小程序状态栏

2022-07-17 05:05:00 【小青年一枚】

之前刚开始接触小程序的时候有写过小程序状态栏，今天开发的时候又遇到了，顺便记录下。

<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
       })
    },
})