uni-app 无法自定义 iOS/Android 系统级锁屏界面或控制中心样式，因其属操作系统原生 UI，框架无权限修改；能控制的仅限应用内状态栏、导航栏及页面延伸区域。

uni-app 无法自定义锁屏控制中心（即 iOS/Android 系统级的锁屏界面或控制中心）的布局样式。

这属于操作系统层级的 UI，控制权完全在系统原生手里。无论是 H5、小程序，还是跨端框架（包括 uni-app），都没有权限修改。平时看到的“锁屏控制中心”，比如 iOS 上从屏幕右上角下滑调出的那个面板，或者 Android 里的快速设置页，本质上都和应用进程是分开的，不在 uni-app 的可操作范围内。

uni-app 能控制的“全屏”和“沉浸式”仅限应用内视图

你真正能干预的，是应用启动后、前台运行时的顶部区域：

• 状态栏（statusBarHeight）
• 原生导航栏（通过 na vigationStyle: "custom" 移除并接管）
• 页面是否延伸到状态栏下方（靠 paddingTop 或 env(safe-area-inset-top) 协调）

这些操作影响的是你自己的页面渲染区域，不是系统锁屏或控制中心。

常见混淆点与错误尝试

• 把“隐藏状态栏”当成“修改锁屏样式”
  plus.na vigator.setFullscreen(true) 只在 App 端有效，且仅隐藏当前应用的状态栏，对锁屏无任何作用。

• 在 pages.json 中配置 na vigationBarHidden: true
  这个字段在小程序平台被忽略，在 App 平台也不影响锁屏；它只对部分旧版 H5 生效，且早已不推荐使用。

• 尝试用 cover-view 或 position: fixed 覆盖顶部
  这类 DOM 层级操作仅限当前 WebView 内部，永远无法突破沙盒进入系统 UI 区域。

如果你实际想实现的是……

• App 启动时全屏、无状态栏、无底部导航栏：

  • pages.json 中设 "na vigationStyle": "custom" + "titleNView": false
  • onShow 中调用 plus.na vigator.setFullscreen(true)（仅 #ifdef APP-PLUS）
  • 必要时加 plus.na vigator.hideSystemNa vigation()（注意 Android 12+ 厂商可能禁用）

• 微信小程序顶部沉浸式体验（含胶囊按钮对齐）：

  • 必须用 wx.getMenuButtonBoundingClientRect() 动态算高
  • statusBarHeight 和胶囊上下边距一起参与计算
  • 页面主体加 :style="{ paddingTop: barHeight + 'px' }" 避免遮挡

• 背景图铺满自定义导航栏：

  • 图片路径用绝对路径：url('@/static/na v-bg.png')
  • background-size: cover，不能写 100% 100%
  • 高度必须动态绑定，不能写死 rpx 值

真正的难点从来不在写几行 CSS，而在于：
状态栏高度跨设备不一致、胶囊按钮位置只在小程序里可读、图片加载时机早于尺寸计算、iOS 和鸿蒙对 env() 的解析差异——这些叠加起来，才让一个“简单”的自定义导航栏变得容易出错。