Ändern Sie die Hintergrundfarbe einer einzelnen Seite des Miniprogramms

Zunächst hatte ich vor, eine globale Hintergrundfarbe festzulegen, also habe ich das Windows-Objekt in app.json wie folgt festgelegt:

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

Später war meine erste Reaktion auf der Seite, eine separate JSON-Dateieinstellung zu verwenden

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

Ich habe entschieden festgestellt, dass es nutzlos ist, der Hintergrund der Seite ist immer noch grau.

(Lernvideo-Sharing: Einführung in die Programmierung)

Die Lösung besteht darin, eine Seitenklasse in der entsprechenden WXSS-Datei festzulegen:

 page {
  background-color: #fff;
}

Auf diese Weise wird die Hintergrundfarbe der gesamten Seite auf alle gesetzt weiß, ohne dass sich dies auf andere Seiten auswirkt. Andere Seiten haben besondere Anforderungen und können auf die gleiche Weise geändert werden.

Verwandte Empfehlungen: Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonÄndern Sie die Hintergrundfarbe einer einzelnen Seite des Miniprogramms. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!