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样式：

uniapp微信小程序获取状态栏高度

推荐阅读