vue-element-admin之修改侧边栏的icon图标以及图标颜色

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

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

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

找到需要改变的图标svg,打开,在最后面可以看到一项
vue-element-admin之修改侧边栏的icon图标以及图标颜色
把fill去掉就可以了,另外,如果你的UI给到你的 svg本身带有颜色,那么是改不了颜色的,需要将你的svg上传到iconfont(阿里巴巴矢量图标库),编辑去除颜色,然后下载再使用即可