uni-app pages.json中设置backgroundColor无效解决方法

在uni-app的pages.json中，有两处可以设置backgroundColor，一处是globalStyle，针对全局所有页面生效，另一处是pages->style中，针对当前设置的页面生效。其实，官方文档已经说的很清楚了，这个backgroundColor并不是设置页面的背景色，而是窗口的背景色，如下图：


什么是窗口的背景色？
窗口背景色就是html下面的背景色，下拉刷新露出来的颜色。

如何全局设置页面的背景色？
在app.vue中设置page的背景色即可，此方法对小程序、app和H5都有效：

page{
    background-color: #F2F2F2
}

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！