1.去掉 登录页面的导航栏
2.单独页面的沉浸式
注释:如果页面顶部是一张图片,那么状态栏是透明的。
需求:单独页面状态栏不透明。
配置mainfest.json来关闭沉浸式。
"app-plus" : {
"statusbar": {
"immersed": false
},
}
页面加状态栏站位
height: var(--status-bar-height);
这种方法 所有的页面都是沉浸式了,每个页面都要处理,有些页面写的样式,比如曲线图 多个容易变形。
补充知识:
uni-app 新增了2个css变量:–window-top 和 --window-bottom,这代表了页面的内容区域距离顶部和底部的距离。