首頁 > web前端 > uni-app > uniapp設定的背景圖無法顯示怎麼辦

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

藏色散人
發布: 2023-01-13 00:44:31
原創
8965 人瀏覽過

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

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

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板