修改小程序单页面的背景颜色

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

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

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

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

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

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

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

 page {
  background-color: #fff;
}

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

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