uni-app pages.json配置全局窗口背景颜色后 在app上不起作用

uni-app pages.json配置全局窗口背景颜色后 在app上不起作用

开发环境 版本号 项目创建方式
Mac 10.15.7 HBuilderX

操作步骤：

“globalStyle”: { “backgroundColor”: “#F8F8F8” }


### 预期结果：

背景颜色改变

实际结果：

实际背景颜色是白色


### bug描述：

"globalStyle": {
"backgroundColor": "#F8F8F8"
}
pages.json配置全局窗口背景颜色后，在app上不起作用，h5页面起作用

更多关于uni-app pages.json配置全局窗口背景颜色后 在app上不起作用的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app pages.json配置全局窗口背景颜色后 在app上不起作用的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个常见的平台差异问题。在uni-app中，globalStyle下的backgroundColor配置在不同平台的表现确实不同：

  1. H5平台：backgroundColor生效，因为这是标准的Web样式
  2. App平台：需要额外配置app-plus节点下的背景色

解决方案是在pages.json的globalStyle中增加平台特定配置：

{
  "globalStyle": {
    "backgroundColor": "#F8F8F8",
    "app-plus": {
      "background": "#F8F8F8"
    }
  }
}

或者使用条件编译：

{
  "globalStyle": {
    "backgroundColor": "#F8F8F8",
    "#ifdef APP-PLUS": {
      "background": "#F8F8F8"
    },
    "#endif": {}
  }
}
回到顶部