一.項目完成前
使用在線自動更新圖標的方法
在阿里巴巴矢量圖標庫中新建項目-添加好自己想要的圖標-并復制這一段代碼到vue 中的 index.html
image.png
<link rel="stylesheet" >
即可继谚。
使用時：
<i class="iconfont iconuser"></i>
iconuser就是圖標名字
image.png
可以隨時刷新新增的圖標和修改的圖標
二纳猫、項目完成時
下載項目的所有圖標：
image.png
所有文件放在vue項目中assets/（起個名字）下
然后在main.js下引入該文件：
import './assets/iconfont/iconfont.css'
使用時：
<i class="iconfont iconuser"></i>
iconuser就是圖標名字
image.png
