vue +admin + template 修改导航菜单SVG的坑

重点，如果是复制的svg图标，加色彩的轻忽使用，使用的话会失去颜色，注意！！！

1、项目引用 iconfont 图标需要单独下载SVG

点击下载按钮

 进入图标内

第一步：可以修改图标颜色

第二步：可以调整图标大小

第三步：下载PNG保存到项目内，一起完成

进入项目中在

第一步：

 把图标保存在icons-svg下的文件内，根据自己需求自定义名字

第二步：在router组建下修改自定义的svg名称

写入自己命名的svg放在合适的位置

这个时候你会发现

你引用的图标 当选中后没有改变颜色，这个时候要修改svg里边的内容l

 

 替换svg内所有的fill为stroke

修改后一切正常，恭喜你成功完成了以上操作，加油