1.修改侧边栏的icon图标 👇

如果在admin提供的icon库中没有你需要的图标,可以到https://www.iconfont.cn/上选择并生成自己的业务图标库
在admin指南中可以看到这句话,我们来实际操作一波
在这里插入图片描述
打开网址后,可以看到
在这里插入图片描述
在图标库里可以搜索我们需要的图标
在图标库里可以搜索我们需要的图标
搜索之后,点击下载,就下载到我们的文件夹中了,可以在文件中找到它,给它重命名
在这里插入图片描述
在这里插入图片描述
打开我们的项目只要把它复制到icon中的svg下面,就有我们自己的图标了
在这里插入图片描述
引入即可
在这里插入图片描述

2.修改图标的颜色,随着点击的字体颜色改变 👇

找到需要改变的图标svg,打开,在最后面可以看到一项
在这里插入图片描述
把fill去掉就可以了,另外,如果你的UI给到你的 svg本身带有颜色,那么是改不了颜色的,需要将你的svg上传到iconfont(阿里巴巴矢量图标库),编辑去除颜色,然后下载再使用即可

GitHub 加速计划 / vu / vue-element-admin
19
8
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:7 天前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐