当前位置: 首页 > article >正文

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

有问题

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

在这里插入图片描述

解决1

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

解决2

<view class="file-picker__box jsz" @tap="jszxszUpload('jsz')"></view>
.jsz {
  background-image: url('使用base64格式');
}

http://www.kler.cn/a/104515.html

相关文章:

  • 01 # 手写 new 的原理
  • JVM重点
  • 刷题笔记day01-数组
  • 2520. 统计能整除数字的位数 : 简单模拟题(时空复杂度最优解)
  • docker搭建个人镜像仓库
  • css-边框流水线
  • Spirit:继承 gh-ost 灵魂的 MySQL 在线大表变更方案
  • 图论02-【无权无向】-图的深度优先遍历DFS
  • VUE父组件向子组件传递数据和方法
  • 【嵌入式项目应用】__cJSON在单片机的使用
  • 威联通NAS进阶玩法之使用Docker搭建个人博客教程
  • 算法通过村第十六关-滑动窗口|黄金笔记|结合堆的应用
  • 并发编程面试笔记
  • 私人网盘nextcloud安装
  • 软信天成:助力某制造企业建设产品主数据管理平台案例分享
  • 导入自己的jacoco exec文件到IDEA并进行展示
  • c++构造函数
  • 【2024秋招】2023-9-14 最右线下后端开发二面
  • Vue 2 生命周期与 Vue 3 生命周期:介绍与差别对比
  • GoLong的学习之路(七)语法之slice(切片)