微信小程序状态栏高度--status-bar-height 不生效

分类：HBuilderX

HBuilderX

ios 15 ，安卓版本正常，navigationStyle设置为custom

2025-03-08 16:06 负责人:无分享

3 个回复

jgj_app (作者)

ios 15位置显示不正确，导致返回箭头点击不动，安卓手机正常

亚瑟

.publicBottom {

padding-bottom: constant(safe-area-inset-bottom);

padding-bottom: env(safe-area-inset-bottom);

}

2025-03-10 14:27

套马杆的套子 - 没有解决不了的问题，只有解决不完的问题

你可以这样试试
customBarH 为uni.getSystemInfo中的statusBarHeight

        <view class="status_bar" :style="{height :customBarH +'px'}">  
            <view class="top_view" :style="{height :customBarH +'px'}"></view>  

        </view>  

.status_bar {  
        height: var(--status-bar-height);  
        width: 100%;  
        background-color: $gst-tabBar-title-background-color;  
    }  

    .top_view {  
        height: var(--status-bar-height);  
        width: 100%;  
        position: fixed;  
        background-color: $gst-tabBar-title-background-color;  
        top: 0;  
        z-index: 999;  
    }

DCloud_heavensoft

这个css变量取自 getSystemInfo，getSystemInfo 里的状态栏高度正常吗？

要回复问题请先登录或注册

微信小程序状态栏高度--status-bar-height 不生效

3 个回复

公告

相关问题

微信小程序 状态栏高度--status-bar-height 不生效

与内容相关的链接

3 个回复

公告

相关问题

微信小程序状态栏高度--status-bar-height 不生效