vue-element-plus-admin添加自定义svg图标，并且图标选择组件可选自定义图标

发布时间：2026/10/14 20:36:13

vue-element-plus-admin添加自定义svg图标，并且图标选择组件可选自定义图标
从iconfont下载svg图标放到前端svg目录给IconSelect添加图标类型找/src/components/Icon/src/IconSelect.vue在tabsList变量添加一种类型让图标选择器可加一种类型的图标因为用的是svg所以name要写成svg-icon:(别忘了:)添加图标找/src/components/Icon/src/data.ts添加类型svg-icon:并且写上刚才的svg的名字结果这样就能在图标选择组件中选择自己的svg图标了

相关新闻

蜗牛学苑 Java 学习 Day8｜包装类、继承、重写与多态思维导图精简复盘

蜗牛学苑 Java 学习 Day8｜包装类、继承、重写与多态思维导图精简复盘

一、思维导图整体知识结构梳理今日课程聚焦面向对象三大核心特性：继承、重写、多态，同时拓展包装类、super 关键字、Object 根类、String 补充知识点，导图分为七大模块：包装类、继承、重写、super 关键字、向上转型与多态、Object…

2026/10/9 0:08:03 阅读更多 →
央企工会服务供应商选型：四种服务模式谁更适合年度系统化采购？

央企工会服务供应商选型：四种服务模式谁更适合年度系统化采购？

据行业数据显示，央企工会年度服务采购决策周期普遍延长至3-6个月，核心原因在于“单点能力型”供应商已无法满足系统化、年度化的综合需求。市场主流供应商可归纳为四种服务模式，本文逐一解析其核心定位、资质壁垒与适用场景，为采购…

2026/10/13 14:35:56 阅读更多 →
公考师资对比：粉笔老师水平与华图、中公名师的客观评测

公考师资对比：粉笔老师水平与华图、中公名师的客观评测

引言：公考师资格局的重心正在迁移 每年数百万考生涌入公务员考试，而影响备考效率的关键变量之一，是"跟谁学"。在过去较长时间里，"公考名师"几乎等同于华图、中公这两家老牌机构的招牌讲师——张小龙、李梦娇、…

2026/9/28 11:19:50 阅读更多 →

最新新闻

七层封装引发的支付回调事故：过度设计如何安全拆解？

七层封装引发的支付回调事故：过度设计如何安全拆解？

1. 凌晨两点的报警：一次由"优雅设计"引发的线上事故先交代一下背景，免得大家以为我要讲什么架子上的空道理。前阵子公司某个核心支付项目出了一个线上事故，直接触发告警群炸锅的那种。当时我人在家里，正准备关灯睡觉&am…

2026/10/15 8:21:31 阅读更多 →
读懂HID Usage Tables 1.3：从Usage ID到描述符实战

读懂HID Usage Tables 1.3：从Usage ID到描述符实战

简介：《USB HID Usage Tables 1.3》是USB Implementers Forum发布的人机交互设备使用表最新版本，覆盖1996年至2022年更新，适用于键盘、鼠标、游戏控制器、触摸屏等HID类设备开发，面向硬件工程师、驱动开发者与系统集成人员。文档系…

2026/10/15 8:21:31 阅读更多 →
鸿蒙应用单元测试可视化报告适配实践

鸿蒙应用单元测试可视化报告适配实践

1. 项目背景与核心价值在鸿蒙应用开发中，单元测试的质量直接影响最终产品的稳定性。传统测试报告往往以纯文本形式输出，开发者需要花费大量时间分析日志才能定位问题。Flutter生态中的test_reporter库通过可视化方式呈现测试结果，大幅提升了问…

2026/10/15 8:21:31 阅读更多 →
电路交换与分组交换：原理、延迟计算与选型指南

电路交换与分组交换：原理、延迟计算与选型指南

1. 从一个经典问题说起：为什么打电话和刷网页的体验完全不同你有没有想过一个很有意思的现象：同样是在网络上传输数据，为什么打电话的时候，声音几乎是实时连续的，哪怕网络稍微抖动一下，你顶多听到一点杂音&…

2026/10/15 8:21:31 阅读更多 →
AI视频会议产品设计：全链路智能化落地与避坑指南

AI视频会议产品设计：全链路智能化落地与避坑指南

视频会议这个赛道，这两年最大的变量就是AI。我前后参与过三款视频会议产品的智能化模块设计，从最早的"语音转文字"这种单点功能，到后来尝试把AI能力铺到会前、会中、会后整条链路上，踩过的坑比想象中多得多。很多团队一…

2026/10/15 8:21:31 阅读更多 →
信息可视化设计实战：从图表选型到布局配色的系统方法论

信息可视化设计实战：从图表选型到布局配色的系统方法论

1. 从"diagram-design"这个标题能读出什么第一次看到"diagram-design"这个标题，我的直觉是：这不是一个单纯的画图工具介绍，而是一个关于"如何把复杂信息用图形讲清楚"的方法论集合。标题本身由两个词组成——d…

2026/10/15 8:20:30 阅读更多 →

日新闻

Docker Compose 容器化部署 ChirpStack LoRaWAN 网络服务器实战

Docker Compose 容器化部署 ChirpStack LoRaWAN 网络服务器实战

1. 为什么选择容器化方式部署 LoRa 网络服务LoRa 物联网项目落地时，网络服务器是整个链路的核心枢纽。它负责接收网关上报的数据包、完成去重与解密、再把有效载荷分发给上层应用。早期大家习惯把网络服务器直接装在物理机上，依赖一堆系统库和特定版本的…

2026/10/15 0:00:46 阅读更多 →
共享LLM服务下的跨模型自动扩缩容：Kubernetes实战与避坑指南

共享LLM服务下的跨模型自动扩缩容：Kubernetes实战与避坑指南

1. 共享推理服务里，扩缩容到底难在哪做过大模型推理服务部署的人，大概都经历过这样的场景：一个团队共用一套推理集群，A 业务跑的是 7B 的小模型，B 业务跑的是 72B 的大模型，C 业务白天流量高、晚上几乎归零…

2026/10/15 0:00:46 阅读更多 →
Systemd 启动阶段根文件系统只读之谜：fstab 与 remount-fs 服务深度解析

Systemd 启动阶段根文件系统只读之谜：fstab 与 remount-fs 服务深度解析

1. 引子：一次内核恐慌引发的追查先从一个真实场景说起。某次我给一台老旧的嵌入式设备折腾系统裁减，为了把启动时间压进两秒以内，我手贱地把一串自认为“没用”的 systemd 服务给 disable 了，其中就包括systemd-remount-fs.servic…

2026/10/15 0:00:46 阅读更多 →

周新闻

流感时间序列预测实战：ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战：ARIMA/LSTM全流程拆解与避坑指南

简介：基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码，面向计算机相关专业课程设计与期末大作业学生，以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程，…

2026/10/14 3:30:28 阅读更多 →
影刀RPA新手教程：键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程：键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程：键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化，十个新手有八个栽在"往输入框里填东西"这件事上：要么填不进去，要么填了一半，要么直接把原来内容追加在后面。这背后的根因&…

2026/10/14 16:30:29 阅读更多 →
影刀RPA新手教程：阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程：阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程：阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀：什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面，跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/14 3:29:58 阅读更多 →

月新闻

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/15 0:14:36 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/14 22:45:47 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/14 7:53:34 阅读更多 →