uniapp微信小程序獲取狀態欄高度

網上一堆答案都不盡人意，一下app端，一下H5的，這里我說說微信小程序端。

 

10月14號 發現一個更加簡潔的方法 直接在data的ruturn中寫statusBarHeight: uni.getSystemInfoSync().statusBarHeight,

就能獲取任何設備下的狀態欄高度了，其他自行操作。

 

--status-bar-height 在小程序端不論是全面屏還是劉海屏都是25px；= 沒貂用。

 

既然這樣，這邊我們自定義導航欄，用粘性布局定位，就需要動態獲取狀態欄高度設置Top：

直接代碼：

js：

methods: {
        //獲取狀態欄的高度
    GetStatusBarHeight() {
        let that = this;
           wx.getSystemInfo({
            success: function (res) {
                that.statusBarHeight = res.statusBarHeight;
               },
           });
       },
    },
onLoad() {
  this.GetStatusBarHeight();
},

動態內聯css樣式：