首先得吐槽一下,elementUI提供的icon太少啦。因此,需要更多的icon圖標。
推薦使用阿里媽媽MUX傾力打造的矢量圖標管理、交流平臺iconfont:
http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
進入后可以看到:
還有彩色的呢
以下就是使用方法:
一、注冊登錄之后,進入到你喜歡的圖標庫,鼠標停留在想要的圖標上,然后點擊這個購物車添加入庫。
圖1
二、選好想要的圖標后,點擊屏幕最右邊懸浮的購物車按鈕,會彈出一整個側欄,點擊添加至項目。
圖2-1
圖2-2
三、回到頂部,找到圖標管理,點擊我的項目。選擇Font Class 之后 下載至本地。
圖3-1
圖3-2
四、下載完解壓后把整個文件夾復制到項目中,文件夾的名字可以改。
我是放在這里的
五、可以直接打開demo_fontclass.html,大大方便了使用。
圖5
六、滾到最下面有教如何使用,我之前想著在style標簽里@import “”,結果一直報錯,試了很多方法還是沒用。看到使用方法后恍然大悟,反正這些都是要全局用的,干脆就直接在index.html引入算了,結果還真的可以了!
圖6-1
七、在全局都能使用,無需再引入。
加在類里面
終于完成啦~
最后成果圖