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

右上角的钩自存elemntui样式

 

    <div class="img-container"><div class="custom-upload-success"><i class="el-icon-check"></i></div><img :src="imgObj.url" alt="图片"> </img><div class="overlay"><i class="el-icon-circle-plus-outline mr-3" @click="handlePictureCardPreview(imgObj)"></i><i class="el-icon-upload"></i></div></div>
  .custom-upload-success {position: absolute;right: -15px;top: -6px;width: 40px;height: 24px;background: #13ce66;text-align: center;transform: rotate(45deg);box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);i {transform: rotate(-45deg);vertical-align:baseline;font-size: 0.9rem;}}


http://www.mrgr.cn/news/55991.html

相关文章:

  • Java数据类型详解及使用场景
  • 华为OD机试真题---分割数组的最大差值
  • SqlDbx连接oracle(可用)
  • VMware通过Vcenter升级Esxi
  • 【JS】如何识别一个变量是不是数组对象
  • 控制Stable Diffusion生成质量的多种方法
  • MedSAM微调版,自动生成 Prompt 嵌入实现图像分割!
  • 集成平台,互联互通平台,企业大数据平台建设方案,技术方案(Word原件 )
  • 最优化理论-最优化1
  • 启发式搜索(直观命名+详细注释版)
  • 300元内头戴式耳机哪个品牌音质好?四款高音质表现头戴品牌推荐!
  • 【C++】基于红黑树的 Map 和 Set 封装及实现过程详述
  • 电商API:定义、功能、特点及广泛应用场景解析
  • ESP-IDF搭建项目的目录结构
  • 宠物用品在线交易:SpringBoot框架的高效实现
  • Rust 中的条件变量:深入解析与实践
  • 在广交会上,中小型外贸公司如何开发大客户?
  • 基于tfjs实现线性回归等基本模型
  • 哈希表模拟封装unordered_map和unordered_set
  • DLNA—— 开启智能生活多媒体共享新时代
  • 金蝶云星空与聚水潭的高效数据集成案例
  • sharpkeys-键盘部分按键不好用,用其它不常用按键代替
  • Etcd 可观测最佳实践
  • 100个人物介绍字幕动画PR视频模板MOGRT
  • Netty初体验-1-NIO基础补漏
  • 十行代码实现命令行书签