vue-element-admin之修改側邊欄的icon圖示

Tanzhiyong97發表於2020-08-05

修改側邊欄的icon圖示

如果在vue-element-admin官方提供的icon庫中沒有我們需要的圖示,可以到https://www.iconfont.cn/上選擇並生成自己的業務圖示庫

1. 在vue-element-admin官方提供的icon庫中找圖示。

在vue-element-admin指南中可以看到這句話,我們來實際操作一波
image.png

2. 在iconfont網站上

image.png
在圖示倉庫裡可以搜尋我們需要的圖示
image.png
把我們下載的icon圖示的svg檔案複製到/src/icons/svg資料夾下
image.png
在如圖所示,在meta:{}中引入即可。
應用效果展示:
image.png

相關文章