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

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