uni-app引入矢量圖標

1. 進入https://www.iconfont.cn/官網(wǎng)；
2. 將需要的圖標添加到購物車，點擊購物車將圖標添加至相應(yīng)的目標項目中；
image.jpeg
3. 進入我的項目，下載到本地
image.jpeg
image.jpeg
4. 將下載到本地的文件進行解壓，得到如下文件
image.jpeg
5. 將6個文件放進項目里面
image.jpeg
6. 在全局App.vue中引入

@import './static/iconfont/iconfont.css';

image.jpeg
7. 使用格式

<text class="iconfont icon-send"></text>

image.jpeg
?著作權(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ù)。

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

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