• 全域性背景色設定
• 單個頁面

大概或許可能是自己配置不到位，頁面.json 的 window 裡配的背景色無效，這裡採用了別的方式去實現效果，記錄一下自己一機靈想到的解決方式

• 微信小程式如何修改單頁面背景色
  • 原來頁面.json 裡配的是上拉下拉列表是裸露出來的顏色，而不是我們所需要的頁面背景色

全域性背景色設定

將每個頁面的預設背景色設定成灰色，一次配置，所有頁面生效

（適用於大多數頁面背景顏色一致的情況，特殊頁面單獨設定即可）

• 其他頁面是預設繼承過去的背景色，你不設定用的就是這裡設定的

app.wxss

/**app.wxss**/
page {
  background-color: rgb(245, 245, 245);
}
 

單個頁面

xxxx.wxss

單個頁面最外層包個 <view class="pageContainer"></view> 作為根容器，來設定樣式，給定背景色

• 關鍵點 min-height: 100vh;：頁面最低高度100%螢幕高度
  • 內容不足一屏時，pageContainer 高度就是100%螢幕高度
  • 內容超過一屏時，內容有多高，pageContainer 就有多高

/**index.wxss**/
.pageContainer{
  min-height: 100vh;
  background-color: rgb(245, 245, 245);
}