vue-element-admin之修改侧边栏的icon图标
vue-element-admin
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/vue-element-admin

·
修改侧边栏的icon图标
如果在vue-element-admin官方提供的icon库中没有我们需要的图标,可以到https://www.iconfont.cn/上选择并生成自己的业务图标库
1. 在vue-element-admin官方提供的icon库中找图标。
在vue-element-admin指南中可以看到这句话,我们来实际操作一波
2. 在iconfont
网站上
在图标仓库里可以搜索我们需要的图标
把我们下载的icon图标的svg文件复制到/src/icons/svg
文件夹下
在如图所示,在meta:{}中引入即可。
应用效果展示:




PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:7 天前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
更多推荐
所有评论(0)