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

相关推荐
普通码农5 分钟前
Vue 3 接入谷歌登录 (小白版)
前端·vue.js
Ric97010 分钟前
Object.fromEntries 实操
前端
用户40993225021213 分钟前
Vue3响应式系统中,对象新增属性、数组改索引、原始值代理的问题如何解决?
前端·ai编程·trae
阿明Drift15 分钟前
使用 CSS `perspective` 实现 3D 卡片效果
前端·css
若安程序开发17 分钟前
web京东商城前端项目4页面
前端
申阳24 分钟前
Day 8:06. 基于Nuxt开发博客项目-我的服务模块开发
前端·后端·程序员
转角羊儿30 分钟前
layui框架中,表单元素不显示问题
前端·javascript·layui
muyouking111 小时前
WASM 3.0 两大领域实战:SvelteKit前端新范式(完整版)
前端·wasm
Hilaku1 小时前
当你的Ant-Design成了你最大的技术债
前端·javascript·前端框架
Highcharts.js1 小时前
时间序列图的“性能陷阱”:Highcharts “金融级”优化方案
前端·python·金融