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

VUE3 Element UI el-button type icon

常见的图标值:

Element Plus 使用的是 Iconify 图标库,包含了很多内置的图标,可以通过 icon 属性来引用。常见的图标值有:

  • 删除相关

    • "delete":删除(垃圾桶)图标

    • "delete-solid":删除(实心垃圾桶)图标

    • "remove":移除图标

  • 编辑相关

    • "edit":编辑图标(铅笔)

    • "edit-outline":编辑(线框)图标

  • 查看相关

    • "eye":查看图标(眼睛)

    • "eye-open":查看(打开眼睛)

  • 操作相关

    • "check":确认图标(勾选)

    • "check-circle":圆圈勾选图标

    • "close":关闭图标(叉号)

  • 文件相关

    • "document":文档图标

    • "folder":文件夹图标

    • "folder-open":打开文件夹图标

  • 其他常见图标

    • "search":搜索图标(放大镜)

    • "home":首页图标

    • "setting":设置图标(齿轮)

    • "add":添加图标(加号)

    • "upload":上传图标(上箭头)

    • "download":下载图标(下箭头)

    • "loading":加载中的图标(旋转)

    • "share":分享图标(两个箭头交叉)

    • "warning":警告图标(感叹号)

总结所有 type 的按钮风格:

  • primary:主要操作

  • success:成功

  • warning:警告

  • danger:危险

  • info:信息

  • text:文本

  • default:默认

http://www.xdnf.cn/news/14608.html

相关文章:

  • King’s LIMS 系统引领汽车检测实验室数字化转型
  • QT历史版本,5.15.2使用清华源半小时安装速成
  • GitHub Actions + SSH 自动部署教程
  • 日常运维问题汇总-24
  • 分清display三个属性
  • MySQL之事务深度解析
  • 为什么你的vue项目连接不到后端
  • 基于微信小程序的美食点餐订餐系统
  • JSON 数据格式详解
  • SEO已死,GEO当立:AI搜索时代的新游戏规则
  • Hollywood: The World’s Most Effective Propaganda System
  • VR 看房:突破成长痛点,展望未来趋势
  • 基于深度学习的智能视频行为识别系统:技术与实践
  • 如何使用 Dockerfile 创建自定义镜像
  • 【LUT技术专题】采样间隔自适应3DLUT-AdaInt
  • 《思维力:高效的系统思维》
  • 《Kubernetes》Pod详解+Pod控制器
  • 计量经济学(复习/自用/未完)
  • OpenAI 公布《走向理解与预防失准泛化:由“角色特征”驱动的突现性失准》研究总结
  • Postman 的 Jenkins 管理 - 自动构建
  • Redis 持久化机制详解:RDB、AOF 原理与面试最佳实践(AOF篇)
  • 1 Studying《Performance Analysis and Tuning on Modern CPUs》1-6
  • 语音情感识别:CNN-LSTM 和注意力增强 CNN-LSTM 模型的比较分析
  • godot2D的经典小游戏demo
  • Kafka存储设计深度剖析:日志、索引与文件管理的底层奥秘
  • 微信小程序canvas实现抽奖动画
  • 【深度学习】条件随机场(CRF)深度解析:原理、应用与前沿
  • JS红宝书笔记 8.3 继承
  • 额度互动促进金融健康,蚂蚁消金创新智能实时交互式风控系统
  • 门锁开关;与我们生活中紧密联系!