微信小程序设置页面背景颜色backgroundColor 无效的问题！

Posted 2021-09-08 coderkey

（1）原因：

当我们在微信小程序 json 中设置 backgroundColor 时，实际在电脑的模拟器中根本看不到效果。

（2）分析：

这是因为 backgroundColor 指的窗体背景颜色，而不是页面的背景颜色，即窗体下拉刷新或上拉加载时露出的背景。在电脑的模拟器中是看不到这个动作的，所以会让人误以为这个配置是无效的。

（3）解决方案：

如果要设置页面背景颜色，得在 wxss 文件中自定义样式，如下：

// .wxss
page {
    background-color: #ededed;
}

---