Hbuilder html5+沉浸式状态栏

  1. manifest.json源码视图添加
javascript 复制代码
{
	"statusbar": {
		"immersed": true
}

如图:

2、plusready准备,将状态栏字体变黑,不然背景白色、状态栏白色看不到

javascript 复制代码
//2.1 如果你用了mui,
mui.plusReady(function(){
	plus.navigator.setStatusBarStyle("dark");//状态栏字体变黑色
	plus.navigator.setStatusBarBackground("rgba(0,0,0,1)")//设置状态栏背景颜色,沉浸式把这个删除,只需要上面那个,这个只是知道有这个方法
}}			
javascript 复制代码
//2.2 如果你没有用mui
document.addEventListener("plusready", function(){
	plus.navigator.setStatusBarStyle("dark");//状态栏字体变黑色
},false);

3、重新运行调试基座(有时候必须要重启)

相关推荐
SakuraOnTheWay13 小时前
拆解一个由 setTimeout 引发的“页面假死”悬案
前端·javascript
渔_13 小时前
【已解决】uni-textarea 无法绑定 v-model / 数据不回显?换原生 textarea 一招搞定!
前端
小胖霞13 小时前
vite+ts+monorepo从0搭建vue3组件库(二):项目搭建
前端·vue.js·前端工程化
JS_GGbond13 小时前
Vue中级冒险:3-4周成为组件沟通大师 🚀
前端·vue.js
登山者13 小时前
npm发布报错急救手册:快速解决2FA与令牌问题
前端·npm
小小善后师13 小时前
按钮太多了?基于ResizeObserver优雅显示
前端
HIT_Weston13 小时前
57、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(一)
前端·ubuntu·gitlab
用户66006766853913 小时前
模板字符串 + map:用现代 JavaScript 高效构建动态 HTML
前端·javascript
AY呀13 小时前
《玩转Vue3响应式:手把手实现TodoList,掌握核心指令》
前端·javascript·vue.js
哆啦A梦158813 小时前
商城后台管理系统 07 商品列表-分页实现
前端·javascript·vue.js