uni-app APP端 pages.json文件中配置页面背景色不生效

uni-app APP端 pages.json文件中配置页面背景色不生效

操作步骤：

  • 打包运行后查看页面颜色。

预期结果：

  • 页面颜色改变为#000

实际结果：

  • 页面颜色未发生改变

bug描述：

  • pages.json文件配置background不生效；
  • 页面背景色未发生改变。

相关链接：

附件


更多关于uni-app APP端 pages.json文件中配置页面背景色不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

确认vue页面存在此问题，后续会优化。 临时解决方案：在页面里设置 page{
background:#c1a2d6;
} 已加分，感谢您的反馈！

更多关于uni-app APP端 pages.json文件中配置页面背景色不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在安卓上页面节点大于300的时候背景会闪白色，你这个方法也不行，。。。。

真机运行有没有问题？

就是真机运行不生效，不管使用官方基座还是自定义基座都没有效果，背景色未发生改变 一直是默认#FFF

回复 DCloud_UNI_Anne: 代码demo已提供，辛苦了

代码demo

在 uni-app 的 App 端，pages.json 中配置的 background 背景色不生效，通常是因为配置方式不正确或存在作用域问题。以下是常见原因和解决方案：

  1. 配置位置错误：background 应配置在 globalStyle 或具体页面的 style 中。例如：

    • 全局配置（在 globalStyle 中）：
      "globalStyle": {
  "background": "#000"
}
    • 页面单独配置（在 pages 数组的页面项中）：
      {
  "path": "pages/index/index",
  "style": {
    "background": "#000"
  }
}

  2. 平台差异：background 配置在 App 端可能默认只对首页生效，其他页面需单独配置。如果首页背景色未生效，检查是否被页面组件样式覆盖。

  3. 样式覆盖问题：页面中的 <style> 或内联样式可能覆盖 pages.json 的配置。尝试在页面样式中添加：

    page {
  background: #000 !important;
}
回到顶部