当前位置：网站首页>Wechat applet status bar

Wechat applet status bar

2022-07-19 05:11:00 【A young man】

I wrote the status bar of the applet when I first came into contact with the applet , Today, when I was developing, I encountered , By the way, record .

<view style="padding-top: {
   {statusBarHeight}}px;background-color: #f6f6f6;"></view>

Page({
    
  data: {
    
  	statusBarHeight: 0, // Initial height of status bar 
  	toBarHeight: 44, // Title bar height 
  },
  onLoad(options){
    
      //  Height of mobile status bar 
       let sysinfo = wx.getSystemInfoSync();
       this.setData({
    
         statusBarHeight: sysinfo.statusBarHeight
       })
    },
})