Heim > Web-Frontend > uni-app > Hauptteil

Was soll ich tun, wenn das von uniapp eingestellte Hintergrundbild nicht angezeigt werden kann?

藏色散人
Freigeben: 2023-01-13 00:44:31
Original
8933 Leute haben es durchsucht

Lösung für das Problem, dass das von uniapp festgelegte Hintergrundbild nicht angezeigt werden kann: 1. Überprüfen Sie die Bildgröße und konvertieren Sie es dann zur Verwendung in das Base64-Format oder legen Sie es auf dem Server ab und referenzieren Sie es über die Netzwerkadresse. 2. Ändern Sie es Der Referenzpfad des lokalen Hintergrundbilds ist ein absoluter Pfad, der mit dem Symbol „~@“ beginnt.

Was soll ich tun, wenn das von uniapp eingestellte Hintergrundbild nicht angezeigt werden kann?

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Dell G3-Computer.

Empfohlen (kostenlos): Uni-App-Tutorial

Das Hintergrundbild der Uni-App wird auf Ihrem Telefon nicht angezeigt?

uni-app löst das Problem, dass lokale Bilder nicht geladen werden können [dynamisches Laden von Hintergrundbildern *die einzige Lösung]

Besonderer Hinweis: Vergessen Sie nicht [`url(${ indexBackgroundImage} )`】

<template>
	<view class="index" :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: &#39;cover&#39;}">
		<!--你的内容-->
	</view>
</template>
 
<script>
	
	import indexBackgroundImage from "@/static/img/account_index.jpg"
	
	export default {
		data() {
			return {
				indexBackgroundImage:indexBackgroundImage
			}
		},
		methods: {
			
		}
	}
</script>
 
 
<style lang="scss" scoped="">
</style>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn das von uniapp eingestellte Hintergrundbild nicht angezeigt werden kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage