官方注冊注冊
1、加入購物車
在阿里矢量圖標庫將想要的圖標加入購物車,然后在購物車中將圖標添加到項目;

2、下載
到我的項目中,將圖標下載到本地

3.解壓引入
在vue項目的assets文件夾下新建一個icon文件夾,將剛剛下載下來的代碼包中的
- iconfont.css、
- iconfont.eto、
- iconfont.svg、
- iconfont.ttf、
- iconfont.woff
復制到iconfont文件夾下。
4.導入到全局
在main.js中全局引入iconfont.css。
import './assets/iconfont/iconfont.css'
5.使用
之后就可以在項目中正常使用了
<i
class="element-icons el-iconzhank" > </i>
注意:
防止和element-UI 沖突,在第4步導入到全局的時候,要放在element后面