阿里巴巴矢量圖: 在vue項目引入阿里巴巴矢量圖標

在vue項目引入阿里巴巴矢量圖標

1、在阿里矢量圖標庫將想要的圖標加入購物車，然后在購物車中將圖標添加到項目；


image.png

image.png

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


image.png

3.在vue項目的assets文件夾下新建一個iconfont文件夾（名字自定義），將剛剛下載下來的代碼包中的 
iconfont.css、
iconfont.eto、
iconfont.svg、
iconfont.ttf、
iconfont.woff

復(fù)制到iconfont文件夾下。
4.在main.js中全局引入iconfont.css。

import './assets/iconfont/iconfont.css'

5.之后就可以在項目中正常使用了

<i class="iconfont icon-ren"></i>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
禁止轉(zhuǎn)載，如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容