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

首先我打算設定一個全域背景顏色，於是對app.json中的windows物件進行瞭如下設定：

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

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

{
      "backgroundColor": "#fff",
      "navigationBarTitleText": "添加评价"
}

果斷發現，沒有卵用啊，頁面背景還是灰色。

（學習影片分享：程式設計入門）

解決方法，在對應的wxss檔中設定一個page類別：

 page {
  background-color: #fff;
}

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

相關推薦：小程式開發教學

#

以上是修改小程式單頁面的背景顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！