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格式');
}
相关推荐
mjhcsp11 小时前
C++ 动态规划(Dynamic Programming)详解:从理论到实战
c++·动态规划·1024程序员节
金融小师妹2 天前
基于机器学习框架的上周行情复盘:非农数据与美联储政策信号的AI驱动解析
大数据·人工智能·深度学习·1024程序员节
渣渣盟2 天前
Flink分布式文件Sink实战解析
分布式·flink·scala·1024程序员节
CoderYanger2 天前
优选算法-栈:69.验证栈序列
java·开发语言·算法·leetcode·职场和发展·1024程序员节
金融小师妹4 天前
基于机器学习与深度强化学习:非农数据触发AI多因子模型预警!12月降息预期骤降的货币政策预测
大数据·人工智能·深度学习·1024程序员节
紫麦熊4 天前
react+ts+vite+tailwind+shadcn
1024程序员节
日日行不惧千万里4 天前
MediaMTX详解
1024程序员节
金融小师妹4 天前
基于LSTM-GARCH模型:三轮黄金周期特征提取与多因子定价机制解构
人工智能·深度学习·1024程序员节
自信150413057595 天前
初学者小白复盘23之——联合与枚举
c语言·1024程序员节
CoderYanger6 天前
B.双指针——3194. 最小元素和最大元素的最小平均值
java·开发语言·数据结构·算法·leetcode·职场和发展·1024程序员节