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、重新运行调试基座(有时候必须要重启)

相关推荐
暗不需求12 小时前
React项目架构深度解析:从0到1理解现代前端工程化
前端·javascript·react.js
孙凯亮12 小时前
Electron 项目终极实战总结:从黑屏踩坑到自动更新全流程
前端·electron
jiayong2312 小时前
第 40 课:任务详情抽屉里的编辑 / 删除联动强化
java·开发语言·前端·javascript·vue.js·学习
胡志辉12 小时前
前端反调试:常见套路、识别方法与绕过思路
前端·安全
华科大胡子12 小时前
HTML头部元信息
html
°青13 小时前
JavaScript 核心知识点(四)
开发语言·前端·javascript
踩着两条虫13 小时前
VTJ:页面管理功能
前端·低代码·ai编程
梦想的颜色13 小时前
js document 节点增删改查、样式设计全解析
java·前端·javascript
nvvas13 小时前
Could not resolve “@intlify/vue-devtools‘ node modules/. pnpm/vue-118n@9. 14
前端·javascript·vue.js
yqcoder13 小时前
[特殊字符] Vue 3 组件通信全指南:从基础到进阶
前端·javascript·vue.js