微信小程序backgroundColor不生效

501 阅读1分钟

原因

在微信小程序开发过程中,UI效果是整个背景色是灰色,当在微信小程序 app.json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果。

分析

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

解决方案

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

page{
  background-color: #f1f1f1;
}