uniapp中 background-image 设置背景图片不展示问题

有问题

html 复制代码
<view class="file-picker__box jsz" @tap="jszxszUpload('jsz')"></view>
css 复制代码
.jsz {
  background-image: url('../../static/example_drive.png');
}

解决1

html 复制代码
<view class="file-picker__box jsz" :style="{ 'background-image': 'url('+example_drive+')' }" @tap="jszxszUpload('jsz')"></view>
js 复制代码
data(){
  return {
    example_drive: '../../static/example_drive.png'
  }
}

解决2

html 复制代码
<view class="file-picker__box jsz" @tap="jszxszUpload('jsz')"></view>
css 复制代码
.jsz {
  background-image: url('使用base64格式');
}
相关推荐
u0103055276 天前
AI驱动的安卓UI自动生成功能实现
人工智能·1024程序员节
u0103055276 天前
长株潭智能体赋能腾讯元器链接共享
1024程序员节
云贝贝贝8 天前
OceanBase认证体系介绍与备考指南
运维·服务器·oceanbase·1024程序员节
u0103055278 天前
Java图像处理实战指南
人工智能·1024程序员节
u0103055278 天前
Java AWT鼠标事件全解析
人工智能·1024程序员节
u01030552711 天前
Java实用类应用精讲
人工智能·1024程序员节
u01030552711 天前
Java I/O核心操作实战
人工智能·1024程序员节
u01030552712 天前
ArrayList操作详解与实战应用
人工智能·1024程序员节
u01030552713 天前
Java模块化编程实战指南
人工智能·笔记·1024程序员节
u01030552714 天前
使用BufferedReader读取控制台输入
人工智能·1024程序员节