uni

hey—我真的好想你 2021-09-17 09:54:45 ©著作权

文章标签 uni-app vue.js 前端 navigator 隐藏状态栏 文章分类 代码人生

 效果图：

由于特殊需求，页面不需要默认的状态栏，这就需要隐藏状态栏了

隐藏状态栏方法：

在pages.json配置文件中，找到不需要显示状态栏的页面配置处

添加："navigationStyle":"custom"

例如：

 之后在vue中的

template：

 css ：

.status_bar {        height: var(--status-bar-height);        width: 100%;        background-color: #007AFF;    }

例如：

注意：想要看效果需要使用真机查看，H5端设置 "navigationStyle":"custom"后，高度为0。

上一篇：uni-app 二维码扫描识别功能

下一篇：uni-app 百度云实现OCR身份证识别功能