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

相关推荐
bearpping2 小时前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
@大迁世界2 小时前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript
January12072 小时前
VBen Admin Select 选择框选中后仍然显示校验错误提示的解决方案
前端·vben
. . . . .2 小时前
前端测试框架:Vitest
前端
xiaotao1313 小时前
什么是 Tailwind CSS
前端·css·css3
战南诚4 小时前
VUE中,keep-alive组件与钩子函数的生命周期
前端·vue.js
发现一只大呆瓜4 小时前
React-彻底搞懂 Redux:从单向数据流到 useReducer 的终极抉择
前端·react.js·面试
霍理迪4 小时前
Vue的响应式和生命周期
前端·javascript·vue.js
李剑一4 小时前
别再瞎写了!Cesium 模型 360° 环绕,4 套源码全公开,项目直接用
前端