uniapp设置的背景图无法显示怎么办

143 阅读 0 评论 95 点赞

我是靠谱客的博主包容睫毛，这篇文章主要介绍uniapp设置的背景图无法显示怎么办，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑。

**uni-app解决无法加载本地图片的方法【动态加载背景图片*唯一的解决办法】**

特别注意：千万别忘记了【`url(${indexBackgroundImage})`】

复制代码<template>
	<view class="index" :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: 'cover'}">
		<!--你的内容-->
	</view>
</template>
 
<script>
	
	import indexBackgroundImage from "@/static/img/account_index.jpg"
	
	export default {
		data() {
			return {
				indexBackgroundImage:indexBackgroundImage
			}
		},
		methods: {
			
		}
	}
</script>
 
 
<style lang="scss" scoped="">
</style>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<template>
	<view class="index" :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: 'cover'}">
		<!--你的内容-->
	</view>
</template>
 
<script>
	
	import indexBackgroundImage from "@/static/img/account_index.jpg"
	
	export default {
		data() {
			return {
				indexBackgroundImage:indexBackgroundImage
			}
		},
		methods: {
			
		}
	}
</script>
 
 
<style lang="scss" scoped="">
</style>
登录后复制