例如将每个页面的默认背景色设置成灰色：
全部页面背景色设置：
app.wxss：
/**app.wxss**/
page {
background-color: rgb(242, 242, 242);
}
单个页面背景色设置：
方式一：
在单独的页面中设置背景色样式
xxx.wxss：
/**xxx.wxss**/
page {
background-color: rgb(242, 242, 242);
}
方式二：
单个页面最外层包个< view class="pageContainer"></ view> 作为根容器，来设置样式，给定背景色。
xxx.wxml:
<view class="pageContainer"></view>
xxx.wxss：文章来源：https://www.toymoban.com/news/detail-548408.html
/**xxx.wxss**/
.pageContainer{
min-height: 100vh;
background-color: rgb(242, 242, 242);
}
/* min-height: 100vh;： 页面最低高度100%屏幕高度
内容不足一屏时，pageContainer 高度就是100%屏幕高度
内容超过一屏时，内容有多高，pageContainer 就有多高 */
注： 页面背景色并不是指 navigationBar 的背景色文章来源地址https://www.toymoban.com/news/detail-548408.html
到了这里，关于【微信小程序】设置页面背景色的方式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
