### [修改小程序单页面的背景颜色](https://www.prosaas.cn/article/16451)

**Published:** 2021-02-08T02:22:41

**Author:** 5201314

**Excerpt:** 首先我打算设置一个全局背景颜色，于是对app.json中的windows对象进行了如下设置： 后来在页面中第一…

![](https://img.php.cn/upload/article/202102/08/2021020810165011281.jpg)

首先我打算设置一个全局背景颜色，于是对app.json中的windows对象进行了如下设置：

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "backgroundColor": "#f6f6f8",
    "navigationBarTextStyle": "black"
  },

后来在页面中第一反应也是使用单独的json文件设置

{
      "backgroundColor": "#fff",
      "navigationBarTitleText": "添加评价"
}

果断发现，没有卵用啊，页面背景还是灰色。

![](https://img.php.cn/upload/image/186/205/768/1612750715812019.png)

（学习视频分享：编程入门）

解决方法，在对应的wxss文件中设置一个page类：

 page {
  background-color: #fff;
}

这样整个页面的背景色就设置为全白，且不影响其他页面，其它页面有特殊要求，也是如此修改就可以了。

![](https://img.php.cn/upload/image/231/206/526/1612750748353486.png)

相关推荐：小程序开发教程

以上就是修改小程序单页面的背景颜色的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---