微信小程序: 使用 background-image 显示本地图片

830 阅读1分钟
  • 如果在wcss文件或sass文件中,background-image 只支持设置网络图片或base64图片,并不支持设置本地路径(无论是相对路径还是绝对路径,都无效)
  • 微信小程序不支持如下方式的静态资源引入
require("../../../assets/image/balloon-small.jpg")
    
import balloonSmallJpg from "@/assets/image/balloon-small.jpg";
  • wxml在行内样式设置background-image写图片的绝对路劲或相对路径,在微信开发者工具的模拟器上有效,但真机无效

参考资料

微信小程序如何设置背景图片? | 微信开放社区 (qq.com)