十步搞定uni-app使用字體圖標(biāo)的方法

uni-app簡介

uni-app是一個(gè)使用Vue.js開發(fā)跨平臺(tái)應(yīng)用的前端框架，開發(fā)者編寫一套代碼，可編譯到iOS、Android、H5、小程序等多個(gè)平臺(tái)。愛掏網(wǎng) - it200.com

&＃8195;&＃8195;uni-app框架由Dcloud即數(shù)字天堂(北京)網(wǎng)絡(luò)技術(shù)有限公司推出，該公司主要產(chǎn)品有Web開發(fā)IDE Hbuiler、HbuilderX，前端框架mui、uni-app，增強(qiáng)版的手機(jī)瀏覽器引擎H5plus等。愛掏網(wǎng) - it200.com

uni-app中使用字體圖標(biāo)圖標(biāo)的下載

首先去阿里圖標(biāo)庫選擇要用的圖標(biāo)，并且打包下載下來，步驟如下

1.

2.

3.

4.

5.

6. 本地文件選取

7. 粘貼到uni-app項(xiàng)目下的static靜態(tài)資源文件下

8. 把下載好的圖標(biāo)包里的iconfont.css內(nèi)的代碼粘貼到uni-app項(xiàng)目中的App.vue文件內(nèi)

9. 在紅色標(biāo)記框的前面對(duì)路徑進(jìn)行修改

藍(lán)色的框選是添加的

10. 使用

查看下載包內(nèi)的demo_index.html文件

總結(jié)

到此這篇關(guān)于十步搞定uni-app使用字體圖標(biāo)的方法的文章就介紹到這了,更多相關(guān)uni-app 字體圖標(biāo)內(nèi)容請(qǐng)搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持！