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格式');
}
相关推荐
fish_zzzz2 天前
笔记-论数据结构2
1024程序员节
普通人63 天前
PHP文件读写完全指南
开发语言·php·1024程序员节
Martina_03213 天前
AI生成3D场景从白模换成精模后镜头全偏了?用6步检查单位、枢轴与层级替换
图像处理·人工智能·3d·ai·自然语言处理·材质·1024程序员节
星云_byto4 天前
CSS布局
人工智能·机器学习·目标跟踪·1024程序员节
张小姐的猫6 天前
【MySQL】访问 & 数据流动原理
android·数据库·mysql·adb·1024程序员节
工业HMI实战笔记7 天前
印刷电路板HMI:SMT贴装的元件定位界面
制造·设计规范·设计语言·1024程序员节
Martina_03218 天前
AI生成3D模型一合并网格,材质就串色?用6步检查材质槽、UV与图集重映射
图像处理·人工智能·3d·材质·uv·游戏策划·1024程序员节
橙光成长8 天前
android-ad-cleaner:android免 Root 批量关闭系统开屏与营销推送
android·1024程序员节
燃烧的枫9 天前
Windows 下 YOLO11 Pose 的 TensorRT C++ 部署
windows·yolo·tensorrt·1024程序员节·yolo11-pose