1. 程式人生 > >小程式修改單頁面的背景顏色

小程式修改單頁面的背景顏色

設定小程式的頁面背景顏色,一開始設定了一個全域性的背景顏色,在app.json的widows物件中進行設定

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "backgroundColor": "#f6f6f8",
    "navigationBarTextStyle": "black"
  },

後來在頁面中第一反應也是使用單獨的json檔案設定,

{
      "backgroundColor": "#fff",
      "navigationBarTitleText
": "新增評價" }

果斷髮現,沒有卵用啊,頁面背景還是灰色。
灰色區域為背景

解決方法,在對應的wxss檔案中設定一個page類:

 page {
  background-color: #fff;
} 

這樣整個頁面的背景色就設定為全白,且不影響其他頁面,其它頁面有特殊要求,也是如此修改就可以了。
頁面背景色整頁為白色