uniapp引用iconfont圖標


不得不說uniapp引入iconfont確實比較坑。下面方法可行:

引入方法:

1.在confont官網找好圖標,然后點擊復制代碼,

2.點擊紅圈的復制代碼后在網頁打開,出現如下:

 

 3.然后再uniapp項目下新建common文件夾,common文件夾下新建iconfont.css。把2步打開的代碼復制到iconfont.css。記住要將iconfont.css文件內url路徑轉換為在線路徑即加上https:如下:

4.在App.vue中全局引入該文件@import "./common/iconfont.css",

5.接着在組件中引用就可以了

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

效果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM