不能直接自定义系统级锁屏界面背景色，uni-app 无相关 API；实际可调整的是状态栏、导航栏或页面背景色，需依平台和配置正确使用 pages.json、CSS 或自定义 view 模拟。
不能直接自定义锁屏控制面板（即系统级锁屏界面）的背景颜色。uni-app 没有 API、插件或配置项能触达操作系统锁屏界面，所谓“锁屏控制面板”在 uni-app 中根本不存在对应概念——你实际想改的，大概率是以下三类界面之一：状态栏、导航栏、页面背景色。下面分场景说清楚怎么做、为什么、容易踩什么坑。
uni.setNavigationBarColor 为什么改不了状态栏背景色
这个 API 名字有误导性，它只控制「原生导航栏」区域，不是状态栏；且在 uni-app x 下 background 参数完全被忽略，只认 frontColor（文字/图标颜色）。常见错误现象：backgroundColor 设了但状态栏仍是黑/白/透明；H5 端调用直接报错；APP 端没关原生导航栏就调用，毫无反应。
- APP 端必须先在
pages.json中设"navigationStyle": "custom"，否则uni.setNavigationBarColor不影响状态栏 - 微信小程序要求
frontColor和backgroundColor必须同时传，缺一不可 - uni-app x 下该 API 的
background字段无效，状态栏背景恒为透明，只能靠自定义 view +statusBarHeight模拟
pages.json 的 backgroundColor 到底设置谁的背景
它设置的是「窗体背景色」，不是页面内容背景。典型表现：下拉刷新时露出的那块灰色/白色区域才是它生效的地方；而你看到的页面主体空白，其实是 CSS 的 page 或根元素背景。很多人误以为这里填了就能让首页变白，结果没变化——因为页面内容层盖住了它。
- 全局设：
globalStyle.backgroundcolor，仅影响窗体，对页面内布局无感 - 单页设：
pages[x].style.backgroundcolor，同样只作用于窗体，非内容区 - 真正控制页面内容背景，得用 CSS：
page { background-color: #fff; }，写在App.vue或页面级<style>里（注意不能带scoped）
自定义导航栏下怎么“假装”改状态栏颜色
一旦启用 "navigationStyle": "custom"，状态栏就变成透明通道，颜色必须由页面自己画出来。这不是 hack，而是当前 uni-app 唯一可靠方案。
- 用
uni.getSystemInfoSync().statusBarHeight获取高度 - 在页面最顶部放一个
<view class="status-bar"></view>，高度设为statusBarHeight + "px" - 给它加背景色：
.status-bar { background-color: #1e40af; } - 注意：这个 view 会把后续内容往下顶，需同步调整页面主体
padding-top或margin-top
最容易被忽略的一点：iOS 和部分安卓厂商（如小米、华为）会强制跟随系统深色模式，即使你 JS 设置了 style: 'black'，也可能被覆盖。真机测试务必打开系统深色开关验证，别只信模拟器。
