vue-element-admin之修改侧边栏的icon图标

修改侧边栏的icon图标

如果在vue-element-admin官方提供的icon库中没有我们需要的图标,可以到https://www.iconfont.cn/上选择并生成自己的业务图标库

1. 在vue-element-admin官方提供的icon库中找图标。

在vue-element-admin指南中可以看到这句话,我们来实际操作一波
vue-element-admin之修改侧边栏的icon图标

2. 在iconfont网站上

vue-element-admin之修改侧边栏的icon图标
在图标仓库里可以搜索我们需要的图标
vue-element-admin之修改侧边栏的icon图标
把我们下载的icon图标的svg文件复制到/src/icons/svg文件夹下
vue-element-admin之修改侧边栏的icon图标
在如图所示,在meta:{}中引入即可。
应用效果展示:
vue-element-admin之修改侧边栏的icon图标