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

相关推荐
张较瘦_6 分钟前
前端 | 代码可读性 + SEO 双提升!HTML 语义化标签实战教程
前端·html
似水流年QC15 分钟前
前端国际化实战指南:i18n 工程化最佳实践总结
前端
GISer_Jing16 分钟前
企业级前端脚手架:原理与实战指南
前端·前端框架
非凡ghost21 分钟前
Floorp Browser(基于Firefox火狐浏览器)
前端·windows·学习·firefox·软件需求
hpz122323 分钟前
XHR和Fetch功能对比表格
前端·网络请求
我是小邵29 分钟前
【踩坑实录】一次 H5 页面在 PC 端的滚动条与轮播图修复全过程(Vue + Vant)
前端·javascript·vue.js
苹果电脑的鑫鑫34 分钟前
Css画圆弧的方法
前端·css
借个火er44 分钟前
Vue.js 源码揭秘(一):Vue3 架构总览
前端
千寻girling1 小时前
面试官: “ 请你说一下什么是 ajax ? ”
前端·javascript
MQliferecord1 小时前
webpack的生命周期与Loader/Plugin
前端