例如將每個頁面的默認(rèn)背景色設(shè)置成灰色：
全部頁面背景色設(shè)置：
app.wxss：
/**app.wxss**/
page {
background-color: rgb(242, 242, 242);
}
單個頁面背景色設(shè)置：
方式一：
在單獨的頁面中設(shè)置背景色樣式
xxx.wxss：
/**xxx.wxss**/
page {
background-color: rgb(242, 242, 242);
}
方式二：
單個頁面最外層包個< view class="pageContainer"></ view> 作為根容器，來設(shè)置樣式，給定背景色。
xxx.wxml:
<view class="pageContainer"></view>
xxx.wxss：文章來源：http://www.zghlxwxcb.cn/news/detail-548408.html
/**xxx.wxss**/
.pageContainer{
min-height: 100vh;
background-color: rgb(242, 242, 242);
}
/* min-height: 100vh;： 頁面最低高度100%屏幕高度
內(nèi)容不足一屏?xí)r，pageContainer 高度就是100%屏幕高度
內(nèi)容超過一屏?xí)r，內(nèi)容有多高，pageContainer 就有多高 */
注： 頁面背景色并不是指 navigationBar 的背景色文章來源地址http://www.zghlxwxcb.cn/news/detail-548408.html
到了這里，關(guān)于【微信小程序】設(shè)置頁面背景色的方式的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
