十步搞定uni-app使用字體圖標(biāo)的方法
uni-app簡(jiǎn)介
uni-app是一個(gè)使用Vue.js開發(fā)跨平臺(tái)應(yīng)用的前端框架，開發(fā)者編寫一套代碼，可編譯到iOS、Android、H5、小程序等多個(gè)平臺(tái)。
uni-app框架由Dcloud即數(shù)字天堂(北京)網(wǎng)絡(luò)技術(shù)有限公司推出，該公司主要產(chǎn)品有Web開發(fā)IDE Hbuiler、HbuilderX，前端框架mui、uni-app，增強(qiáng)版的手機(jī)瀏覽器引擎H5plus等。
uni-app中使用字體圖標(biāo)圖標(biāo)的下載
首先去阿里圖標(biāo)庫(kù)選擇要用的圖標(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)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文給大家推薦的是一款Vscode的打字特效的插件Power Mode的安裝使用說明,插件非常的炫酷,推薦給大家,希望大家能夠喜歡2020-02-02
這篇文章主要介紹了git使用教程(最詳細(xì)、最傻瓜)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要介紹了詳解https 加密完整過程的相關(guān)資料,這里主要說名https加密及通信的方法，需要的朋友可以參考下2017-07-07
VSCode卸載后重新安裝,會(huì)發(fā)現(xiàn)好像把之前的設(shè)置和配置也復(fù)原,這樣就達(dá)不到重裝的目的,問題就在于卸載時(shí)沒有卸載干凈,下面這篇文章主要給大家介紹了關(guān)于徹底卸載VSCode的方法步驟,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了git clone如何指定歷史版本問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
使用?Loki?實(shí)現(xiàn)?Kubernetes?容器日志監(jiān)控的方法
Loki?是由?Grafana?Labs?團(tuán)隊(duì)開發(fā)的，基于?Go?語(yǔ)言實(shí)現(xiàn)，是一個(gè)水平可擴(kuò)展，高可用性，多租戶的日志聚合系統(tǒng)。它的設(shè)計(jì)非常經(jīng)濟(jì)高效且易于操作，這篇文章主要介紹了使用?Loki?實(shí)現(xiàn)?Kubernetes?容器日志監(jiān)控的相關(guān)知識(shí)，感興趣的朋友一起看看吧2022-05-05
這篇文章主要介紹了在IDEA2020.2中配置使用Git的詳細(xì)教程,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11
一些數(shù)據(jù)庫(kù)系統(tǒng)或者某些數(shù)據(jù)表只允許用戶添加數(shù)據(jù)，而不能修改或者刪除以往的記錄，此時(shí)我們就必須在程序進(jìn)行控制。有些程序員通過不顯示以往的數(shù)據(jù)來保證，下面我們介紹一種既可以看到原始記錄，有不容許用戶修改這些記錄的方法2008-11-11
負(fù)數(shù)與二進(jìn)制換轉(zhuǎn)方法
先談?wù)勈裁聪肫疝D(zhuǎn)載一篇這樣的文章。由于寫java已經(jīng)有一段時(shí)間了，在使用api上基本上沒有障礙，但是對(duì)有些基礎(chǔ)知識(shí)老是容易忘記，如二進(jìn)制和十進(jìn)制的一些轉(zhuǎn)換問題。在此記錄一下，再次復(fù)習(xí)一下2013-02-02
這篇文章主要介紹了Http與https對(duì)比詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-02-02