Uni-App开发是刘海屏适配问题

最近开始尝试使用HBuliderX开发uni-app app,遇到刘海屏适配的问题,查看多个demo后发现,需要引用样式

.titleNview-placing {
        height: var(--status-bar-height);
        padding-top: 44px;
        box-sizing: content-box;
    }

这样就能适配刘海屏了

 

或者在pages.json里面配置"navigationBarTitleText": "xxxx",使用框架的导航栏

 

 

 

你可能感兴趣的:(uni-app)