若依(RuoYi)框架 新增icon图标 修改颜色svg不生效解决方法

#若依(RuoYi)框架 新增icon图标 修改颜色svg不生效解决方法

###记一下笔记,方便自己好找一点

下载图标的时候去掉填充色

步骤如下:

第一步 打开阿里图标库  
第二步 选择需要合适的图标
第三步 添加到自己的购物车
第四步 再添加到阿里图标的项目文件里面
第五步 点击顶部选择批量操作
第六步 选择批量去色保存
第七步 下载需要的svg文件放到src/assets/icons/svg文件项目即可(下载只能一个一个下载,不能添加到购物车,不知道什么问题)
第八步 使用方式:` <svg-icon icon-class="password" /> // icon-class 为 icon 的名字 class-name 的其他名字`

image

 

image

 

###菜单的图标文件都在RuoYi-Vue/ ruoyi-ui / src / assets / icons / svg目录下

https://blog.csdn.net/weixin_43935062/article/details/145856838

https://ruoyi.csdn.net/656ffd4f9820e81a16d95dc9.html

 

posted @ 2025-08-27 16:12  瞎BB的是2B  阅读(11)  评论(0)    收藏  举报