开发过程中，遇到需要修改整个页面的背景底色。
此时我立马在 page.json上面写上了下面的代码：
{
"backgroundColor": "#ff0000"
}
重新编译后发现，似乎什么事情都没有发生。。
因为大多数页面都是以container为容器，这时候尝试在container设置background-color
/* pages/bg/index.wxss */
.container {
background-color: yellow;
}
当页面元素比较少时，会出现下面这种尴尬的局面。
微信图片_20180408161248.png
微信截图_20180408161327.png
解决方案就是在app.wxss里面设置page的background-color， 如果只是某个页面需要修改的话则只在对应页面的 .wxss文件中修改
/* pages/bg/index.wxss */
page {
background-color: yellow;
}
效果如下图
微信截图_20180408161731.png
仔细翻看小程序的文档之后才恍然大悟
config.jpg
设置的backgroundColor藏在page容器后面，我们平常用得最多的container也被包含在这个page中。
文档还是要看清楚了再干活，特别是这些基础的东西。不说了，我去看文档了。
网友评论