Heim >Web-Frontend >uni-app >So legen Sie die Hintergrundfarbe in Uniapp fest

So legen Sie die Hintergrundfarbe in Uniapp fest

藏色散人
藏色散人Original
2020-12-21 15:41:267636Durchsuche

So legen Sie die Hintergrundfarbe von Uniapp fest: Suchen und öffnen Sie zuerst die Datei App.vue im Stammverzeichnis; fügen Sie dann den Code „page{background-color: #f5f5f5;}“ im Stilblock hinzu.

So legen Sie die Hintergrundfarbe in Uniapp fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen (kostenlos): Uni-App-Entwicklungs-Tutorial

Uni-App verfügt über eine globale Einstellungsmethode für die Hintergrundfarbe

Fügen Sie einfach Code im Stilblock in der App.vue-Datei im Stammverzeichnis hinzu

<style>
/*每个页面公共css */ 
page{
background-color: #f5f5f5;
}
</style>

Die Einstellung der Hintergrundfarbe eines einzelnen Seitenfensters ist wie folgt: Wird in der Vue-Datei der Seite festgelegt

<style>
  page {
      background-color: #f00;
  }
</style>

Das obige ist der detaillierte Inhalt vonSo legen Sie die Hintergrundfarbe in Uniapp fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn