uni-app在手机上打开背景图片不显示

原创于 2022-09-27 10:19:57 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #html

笔记专栏收录该内容

46 篇文章

订阅专栏

本文介绍了解决uniapp项目中背景图在手机端不显示的问题，通过将背景图设置为动态变量的方式实现了跨平台的一致性显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp项目在浏览器上打开背景图显示正常，但在手机上打开时背景图没显示，解决办法：

把图片弄成动态的变量引入

<view :style="{backgroundImage:`url(${bgImg})`,backgroundSize: 'cover'}">

</view>




import bgImg from "../../static/bg.jpg"



 data() {
		return {
			bgImg: bgImg
			}
		},