Heim  >  Artikel  >  Web-Frontend  >  So legen Sie das Hintergrundbild der Ansicht in Uniapp fest

So legen Sie das Hintergrundbild der Ansicht in Uniapp fest

coldplay.xixi
coldplay.xixiOriginal
2020-12-08 16:39:0115952Durchsuche

So legen Sie das Hintergrundbild der Ansicht in Uniapp fest: Dies kann durch Festlegen des Hintergrund- oder [background-image]-Attributs der Ansicht erreicht werden. Der Code lautet [

So legen Sie das Hintergrundbild der Ansicht in Uniapp fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App-Version 2.5.1, Dell G3-Computer

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

Uniapp-Einstellungsansicht-Hintergrundbild. Methode:

kann durch Festlegen des background或者background-image-Attributs der Ansicht erreicht werden:

<template>
<view class="content" :style="{background: &#39;url(&#39;+imageURL+&#39;)&#39;}">
<!-- 如果是设置background-image则写成:<view class="content" :style="{backgroundImage:                             
        &#39;url(&#39;+imageURL+&#39;)&#39;}"> -->
</view>
</template>
 
<script>
export default {
data() {
return {
imageURL: &#39;/static/navigation/validCode_back.png&#39;
};
}
}
</script>

Zugehörige kostenlose Lernempfehlungen: Programmiervideo

Das obige ist der detaillierte Inhalt vonSo legen Sie das Hintergrundbild der Ansicht 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