弹出层显示时修改状态栏需分平台处理：小程序用uni.setNavigationBarColor动态设置且参数缺一不可；App端需关闭原生导航栏后通过setFullscreen或CSS变量适配；H5不支持。
弹出层显示时修改状态栏，核心是区分平台和控制时机：小程序靠 uni.setNavigationBarColor 动态生效；App 端必须先关闭原生导航栏，再调用原生 API 或 CSS 变量适配；H5 完全不支持。直接写死或放错生命周期里，基本无效。
小程序里弹出层打开时改状态栏颜色
微信/支付宝等小程序平台支持运行时修改状态栏，但必须在弹出层触发后、页面仍处于活跃状态时调用，且参数缺一不可：
-
frontColor和backgroundColor必须同时传，比如{ frontColor: '#ffffff', backgroundColor: '#000000' }，漏一个就白调 - 不能写在
mounted或onLoad里——得在弹出动作发生后，比如openPopup()函数体内立刻调 - 如果弹出层是
uni-popup，建议在@change回调里判断show === true时调用，避免重复触发 - 关闭弹出层时记得还原，否则下次进页面还是旧颜色
App端弹出层显示时隐藏/变色状态栏
App 端没“动态改状态栏”这回事，本质是切换沉浸式与非沉浸式状态，操作分两步走：
- 前提：目标页面
pages.json中已设"navigationStyle": "custom"且"titleNView": false，否则所有 JS 调用都无效 - 弹出层打开时，用
plus.navigator.setFullscreen(true)隐藏整个状态栏（仅 App 端），需包裹#ifdef APP-PLUS - 若只想变色不隐藏，别调
setFullscreen，改用uni.setNavigationBarColor+ 自定义顶部 view 填色：取uni.getSystemInfoSync().statusBarHeight，在弹出层顶层加一个fixed的view，背景设为目标色 - 注意：iOS 上
setNavigationBarColor的style参数（"default"/"black"）只影响文字颜色，且必须配合navigationBarBackgroundColor才可能生效，单独调无效
弹出层遮不住状态栏？布局没对齐
常见现象是弹出层一出来，顶部被裁掉一截，或状态栏区域透出底色——这不是 API 没调成功，而是页面内容没适配状态栏高度变化：
- 别依赖
uni.getSystemInfoSync().statusBarHeight写死值，不同机型返回差异大（iPhone 14 Pro 是 59px，部分安卓是 24px） - App 端优先用 CSS 变量：
padding-top: var(--status-bar-height)，这个值由 uni-app 运行时注入，更可靠 - 如果用了
uni-nav-bar，记得设background-color="transparent"，否则默认背景会盖住状态栏区域 - 下拉刷新时穿透透明导航栏，导致状态栏变黑？加个 class 控制：比如
:class="{ 'nav-fixed': isPopupOpen }"，在弹出层打开时临时取消透明
为什么 H5 和某些新系统上改不了？
H5 平台压根不支持 uni.setNavigationBarColor，调了也静默失败；而小米 HyperOS、OPPO ColorOS 14+ 等新系统已禁用 plus.navigator.hideSystemNavigation()，这是系统级限制，不是代码问题。
真正容易被忽略的是：App 端状态栏样式受原生配置强约束——Android 需要 android:windowLightStatusBar 权限，iOS 需确保 UIViewControllerBasedStatusBarAppearance 为 YES，这些不在 JS 层能触达，真机测试前必须检查 manifest 或原生工程配置。
