uniapp設定的背景圖無法顯示怎麼辦

uniapp設定的背景圖無法顯示的解決方法：1、檢查圖片大小，然後將其轉換為base64格式使用或將其放到伺服器上，從網路位址引用；2、將本機背景圖片的引用路徑修改為以“~@”符號開頭的絕對路徑。

本教學操作環境：windows7系統、uni-app2.5.1版本，Dell G3電腦。

推薦（免費）：uni-app教學

uni-app在手機上背景圖片不顯示？

uni-app解決無法載入本機圖片的方法【動態載入背景圖片*唯一的解決方法】

#特別注意：千萬別忘了【`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>

以上是uniapp設定的背景圖無法顯示怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！