首页 > 建站教程 > APP开发,混合APP >  uni-app pages.json中设置backgroundColor无效解决方法正文

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

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





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

如何全局设置页面的背景色?
在app.vue中设置page的背景色即可,此方法对小程序、app和H5都有效:
page{
    background-color: #F2F2F2
}