uni-app 关于自定义标题栏 状态栏高度如何自适应

解决方法

使用自定义标题栏虽然可以自由的定义标题栏的内容，但我们在uni中会遇到状态栏塌陷的情况
下图所示，您可以很明显的看到蓝色背景包括了状态栏高度

在普通的手机上我们可以通过官方给出的css变量–status-bar-height来解决状态栏塌陷问题，如下

添加CSS样式即可解决

将status_bar样式添加到顶部便可达到自适应

    .status_bar {
        height: var(--status-bar-height);
        width: 100%;
    }

效果如下：