首页/新闻资讯/正文详情

【Dv3Admin】菜单管理集成阿里巴巴自定义矢量图标库

发布时间:2026/9/24 18:03:35 来源:云帆数科 栏目:资讯中心
【Dv3Admin】菜单管理集成阿里巴巴自定义矢量图标库
图标选择是后台管理系统中高频功能。相比用 Element UI、Ant Design 等自带的 icon 集,阿里巴巴 iconfont.cn 支持上传和管理自定义图标,并生成矢量字体,便于统一维护和扩展。本文目标是支持自定义 iconfont 图标的展示和选择,并与表单数据联动。详细介绍如何在 Vue(或任意现代前端框架)项目中,集成阿里巴巴 iconfont 自定义图标库,并通过一个图标选择器组件进行选择和绑定图标。包含从资源获取到组件开发和注意事项的全流程经验总结。文章目录应用场景实现方式维护建议总结应用场景实现一个图标选择器组件,支持显示和选择阿里巴巴 iconfont 图标库中自定义下载的图标,并能将所选图标绑定到表单数据中。实现方式从阿里巴巴 iconfont 下载图标,登录 iconfont.cn。选择需要的图标,加入项目,选择“Font class”方式。下载项目资源包,解压后获得如下文件:列出来的很重要,其他两个是在本地运行的html样例文件。把上述文件都放进前端项目的src/assets/iconfont/文件夹。然后调整 iconfont.css 中的字体路径,确保使用相对路径(添加./),比如:src:url

相关推荐

YOLO昆虫检测数据集构建指南:从田间采集到可部署训练
YOLO昆虫检测数据集构建指南:从田间采集到可部署训练

简介:本资源是面向计算机视觉初学者与YOLO目标检测实践者的高质量昆虫检测数据集,专为训练和验证YOLO系列模型设计,适用于农业病虫害识别、生态监测、智能巡检等真实场景。数据集包含1108张JPG格式高清实拍图像,覆盖蝴蝶、蚂蚱、蟑… · 2026/9/24 18:03:35

YOLOv8工业级电子围栏系统:可配置、可回溯、可闭环
YOLOv8工业级电子围栏系统:可配置、可回溯、可闭环

简介:本资源是一套基于YOLOv8的智能工厂危险区域电子围栏系统完整实现方案,面向计算机视觉初学者、自动化专业学生及工业安全领域实践者,解决工厂高危区域实时人员闯入检测与主动告警难题,特别适合作为本科毕设或课程设计项目。压… · 2026/9/24 18:03:35

django CMS 2.3 升级指南:新特性、破坏性变更与迁移实战
django CMS 2.3 升级指南:新特性、破坏性变更与迁移实战

CMS后端 【免费下载链接】django-cms The easy-to-use and developer-friendly enterprise CMS powered by Django 项目地址: https://gitcode.com/gh_mirrors/dj/django-cms 点击查看 免费下载 本文基于 docs/upgrade/2.3.rst 编写,梳理 django CMS 2… · 2026/9/24 18:03:16

CSDN + AI:程序员的新生产力引擎
CSDN + AI:程序员的新生产力引擎

1. 引言:当技术社区遇上 AI在人工智能浪潮席卷各行各业的今天,技术社区与 AI 的结合正在重塑程序员的日常工作方式。CSDN 作为国内领先的技术社区,正在将 AI 能力深度融入内容创作、技术学习和代码开发等场景,为程序员构建全新的生… · 2026/9/24 19:18:02

AI算力加速实用指南:从GPU利用率到模型量化,效率翻倍的关键策略
AI算力加速实用指南:从GPU利用率到模型量化,效率翻倍的关键策略

AI算力加速:效率翻倍的入门学习指南说实话,这几年聊AI算力的人越来越多,但大多数讨论都容易走进一个误区:一提到算力不够,第一反应就是“要买更贵的卡”。我在实际项目里踩过的坑告诉我,这个思路往往既烧钱… · 2026/9/24 19:18:02

2722张杂草作物标注图竟够用?YOLO训练全流程与避坑指南
2722张杂草作物标注图竟够用?YOLO训练全流程与避坑指南

简介:这是一份面向YOLO系列算法目标检测任务的杂草与作物数据集压缩包,适合刚入门目标检测或需要农业场景训练数据的开发者。数据集中已包含标注好的图像与对应标签,并划分好训练集和验证集,附有data.yaml配置,可直接用… · 2026/9/24 19:18:02

Windows 10/11安全模式完全指南:从进入、修复到退出的系统救援手册
Windows 10/11安全模式完全指南:从进入、修复到退出的系统救援手册

1. 安全模式到底是什么,它为什么能救命 1.1 从崩溃到修复:安全模式的核心原理 前两天一个朋友跟我说,他的Win11电脑开机就是蓝屏,转圈转到一半直接卡死,连安全模式都进不去,问我怎么办。我远程一看&#x… · 2026/9/24 19:18:02

本地离线4K AI视频生成实战:LTX Desktop开源编辑器深度评测
本地离线4K AI视频生成实战:LTX Desktop开源编辑器深度评测

1. 从"剪映焦虑"说起:为什么本地离线4K生成这件事值得认真聊最近圈子里讨论度很高的一件事,就是LTX Desktop这个开源AI视频编辑器。我第一时间把它拉下来跑了一遍,从安装到出片折腾了差不多两天,中间踩的坑不算少&#… · 2026/9/24 19:18:02

AI算力加速实战:从瓶颈分析到软件优化的完整指南
AI算力加速实战:从瓶颈分析到软件优化的完整指南

说实话,很多人一听到“AI算力加速”这几个字,第一反应就是砸钱换显卡、堆机器。我刚开始入行那会儿也这么想,总觉得训练跑得慢就是GPU不够好。后来跟项目跟得多了才发现,真正的效率瓶颈往往根本不在显卡上,而是被数据加… · 2026/9/24 19:17:55

基于YOLOv8的渔船作业监控系统:从环境搭建到边缘部署全流程
基于YOLOv8的渔船作业监控系统:从环境搭建到边缘部署全流程

简介:这是一套面向计算机、人工智能、自动化等专业学生与教师的毕业设计级项目资源,围绕YOLOv8实现渔船作业监控系统,可用于毕设、课程设计、大作业或项目立项演示。压缩包共97个文件,约24.21MB,以70个Python源码文件为… · 2026/9/24 0:00:13

1D-CNN时间序列建模实战:从Conv1d原理到工业落地
1D-CNN时间序列建模实战:从Conv1d原理到工业落地

简介:面向时间序列数据建模的一维卷积神经网络完整实现,适合深度学习入门者及需要快速验证时序模型的研究者,能够从音频、文本、传感器或股价等序列中挖掘局部特征与时间依赖。压缩包体积很小,只有3KB,内含3个Python脚… · 2026/9/24 0:00:26

柔软的L:汉语语流中被忽视的舌肌张力控制
柔软的L:汉语语流中被忽视的舌肌张力控制

1. 这个“L”不是字母表里的L,而是舌尖上的L最近在几个方言群和语音教学社群里,反复看到有人发一句:“也说字母L:柔软的长舌”。初看以为是英语发音课笔记,点开才发现全是方言爱好者、播音系学生、语言康复师甚至戏曲演… · 2026/9/24 0:00:44

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码