效果图:
由于特殊需求,页面不需要默认的状态栏,这就需要隐藏状态栏了
隐藏状态栏方法:
在pages.json配置文件中,找到不需要显示状态栏的页面配置处
添加:"navigationStyle":"custom"
例如:
之后在vue中的
template:
<!-- 状态栏高度的css变量 -->
<view class="status_bar"></view>
css :
.status_bar {
height: var(--status-bar-height);
width: 100%;