效果图：
由于特殊需求，页面不需要默认的状态栏，这就需要隐藏状态栏了
隐藏状态栏方法：
在pages.json配置文件中，找到不需要显示状态栏的页面配置处
添加：”navigationStyle”:”custom”
例如：
之后在vue中的
template：
<!– 状态栏高度的css变量 –>
<view class=”status_bar”></view>
css ：
.status_bar {
height: var(–status-bar-height);
width: 100%;
background-color: #007AFF;
}
例如：
注意：想要看效果需要使用真机查看，H5端设置 “navigationStyle”:”custom”后，高度为0。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/119139.html
