一开始我按照普通css的背景图片写法,导致图片找不到。后来查看uni-app官网,找到了解决方案:
但是,这种方式在小程序中,还是无法显示,怎么办呢?
1.首先,我在js中导入图片
import indexBackgroundImage from "@/static/home.png"
2.在data中定义
data() {
return {
indexBackgroundImage:indexBackgroundImage
}
}
3.在<template>中使用
:style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: '100% 100%'}"