Uniapp löst perfekt das Problem des Ersetzens des Titelhintergrunds durch das Hintergrundbild (zusätzlicher Quellcode + Realisierungseffektkarte).

Problembeschreibung

Nachdem ich heute den Designeffekt des Applets erhalten habe, muss dem Hintergrund des Titelteils ein Hintergrundbild hinzugefügt werden. In der Vergangenheit habe ich nur die Farbe des Titelhintergrunds usw. geändert. Dies ist das erste Mal um ein Hintergrundbild hinzuzufügen. Sie können sich mein Rendering ansehen. Stimmt es mit dem Problem überein, auf das Sie gestoßen sind?
Der Hintergrund des Homepage-Headers ist ein Hintergrundbild.

Lösung

Suchen Sie den Code zum Konfigurieren der Homepage-Adresse in pages.jsonder Datei (ich nehme hier die Homepage als Beispiel. Wenn Sie eine andere Seite sind, finden Sie den entsprechenden Konfigurationsadresscode). Das Hinzufügen dieses Codes bedeutet: Entfernen Sie den
Titelstil "navigationStyle":"custom"
"navigationStyle":"custom".
Der vollständige Code lautet wie folgt:

{
    
    
	"path": "pages/home/index",
	"style": {
    
    
		"navigationBarTitleText": "首页",
		 "navigationStyle":"custom",
		"enablePullDownRefresh": false
	}
},

Fügen Sie einfach das Hintergrundbild direkt zur Startseite hinzu.
Ich verwende das Bild hier. Dieses Bild wird standardmäßig oben angezeigt. Die spezifische Position kann mit CSS-Stilen verfeinert werden, und das Problem wird gelöst!