首页IT科技vue如何设置图片的出现方式(RuoYi-Vue——图标使用)

vue如何设置图片的出现方式(RuoYi-Vue——图标使用)

时间2025-06-20 12:36:04分类IT科技浏览5050
导读:使用若依的小伙伴们,是否有遇到找图标的烦恼。若依框架里图标分两种,...

使用若依的小伙伴们            ,是否有遇到找图标的烦恼            。若依框架里图标分两种                     ,

1.用在表格中的图标:

2.用在菜单及个人信息的图标:

下面我就针对这两种图标给大家总结一下                     。

1.表格图标(ElementUI图标Icon)

        若依的表格使用的是ElementUI的框架       ,因此表格中的图标使用ElementUI官网的图标即可       。

ElementUI官网图标

图标样式:

2.菜单图标(Svg图标icon)

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

图标的使用方法改对应的图标文件名就好啦         ,如:

 图标样式:

以上就是若依的svg图标了                    ,如果需要添加图标           ,把svg文件放到svg目录下即可         。

最后祝大家岁岁平安      ,永无Bug!

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
如何进行网站SEO优化分析(从选择到优化实践,打造高效的SEO策略) 三网推送数据核查(SEO三网大数据抓取公司,助力企业数据赋能)