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

相关推荐
Front思几秒前
如何学习Shopify前端开发?
前端·学习
码云骑士3 分钟前
语音合成演示 - Web Speech API
前端
ZC跨境爬虫4 分钟前
跟着 MDN 学CSS day_50:(传统布局方法与网格系统)
前端·css·ui·tensorflow·媒体
薛先生_0996 分钟前
vue-路由模块封装
前端·javascript·vue.js
薛先生_0997 分钟前
vue-router-link实现导航高亮效果
前端·javascript·vue.js
郑州光合科技余经理9 分钟前
海外版外卖系统源码:支付/地图/多语言核心代码实现
android·java·前端·后端·架构·uni-app·php
古韵20 分钟前
TanStack Query 被高估了?这 5 个场景它真不如 alova
前端
颂love30 分钟前
Vue3基础入门
前端·学习·vue3
风吹夏回30 分钟前
Vue 3 路由使用完全指南
前端·vue.js
创业之路&下一个五年34 分钟前
JS编程范式 \& 面向对象范式
开发语言·前端·javascript