vue-element-admin花裤衩项目,关于下载 svg 并放到文件夹之中,修改Icon字体图标的颜色样式问题

首先,搜索并找到你需要的图标,将它采集到你的购物车里,在购物车里,你可以将选中的图标添加到项目中(没有的话,新建一个),后续生成的资源/代码都是以项目为维度的。

阿里字体图标库 Icon

vue-element-admin花裤衩项目,关于下载 svg 并放到文件夹之中,修改Icon字体图标的颜色样式问题

点击下载图片,设置图标颜色如图所示

vue-element-admin花裤衩项目,关于下载 svg 并放到文件夹之中,修改Icon字体图标的颜色样式问题
设置颜色为空 背景选白色 再点击svg下载

下载的图标放到项目文件 icons/svg文件夹里面
vue-element-admin花裤衩项目,关于下载 svg 并放到文件夹之中,修改Icon字体图标的颜色样式问题
然后在图标在 编辑器里面去掉 fill="#ffffff"属性
vue-element-admin花裤衩项目,关于下载 svg 并放到文件夹之中,修改Icon字体图标的颜色样式问题

最后就是要的效果,自动根据父级颜色变色了
vue-element-admin花裤衩项目,关于下载 svg 并放到文件夹之中,修改Icon字体图标的颜色样式问题
好了,如果有好的方法记得分享一下。也是之前弄了半天,后来改好了