uni-app获取状态栏和导航栏高度

APP.vue

onLaunch: function() {
    uni.getSystemInfo({
        success: function(e) {
            let barHeight = 0;
            // #ifndef MP  
            if (e.platform == 'android') {
                barHeight = e.statusBarHeight + 50
            } else {
                barHeight = e.statusBarHeight + 45
            }
            // #endif

            // #ifdef MP-WEIXIN  
            let custom = wx.getMenuButtonBoundingClientRect()
            barHeight = custom.bottom + custom.top - e.statusBarHeight
            // #endif  

            // #ifdef MP-ALIPAY  
            barHeight = e.statusBarHeight + e.titleBarHeight
            // #endif

            // 本地缓存
            uni.setStorageSync('bar_height', barHeight);  // 状态栏加导航栏的高度
            uni.setStorageSync('screen_width', e.screenWidth);  // 屏幕宽度
        }
    })
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容