uni-app小程序中背景图片找不到_uniapp编译成微信小程序的时候找不到图片

作者：盐析白兔 | 2024-06-21 02:30:09

踩

uniapp编译成微信小程序的时候找不到图片

一开始我按照普通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%'}"

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/741703