uniapp APP取消导航栏与通知状态重合解决办法

uniapp APP取消导航栏与通知状态重合解决办法

方法1 

 

<view class="status_bar">
<!-- 这里是状态栏,放在最顶部， -->
</view>

 

.status_bar {
height: var(--status-bar-height);//默认状态高度，撑起高度
width: 100%;
// background-color:#007AFF;//如果要加背景颜色
}

方法2 

 

 这样添加就是相当于状态栏独立出来，但是会有点难看

// "statusbar" : {
        //     "immersed" : false
        // },

　

建议方法一