福州網(wǎng)站建設(shè)>網(wǎng)站新聞>uni-app使用問題

        uniapp引用iconfont圖標(biāo)確認(rèn)可用

        發(fā)布日期:2020-01-11瀏覽次數(shù):1979 來源:福州網(wǎng)站建設(shè)

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

        引入方法:

        1.在confont官網(wǎng)找好圖標(biāo),然后點(diǎn)擊復(fù)制代碼,

        2.點(diǎn)擊紅圈的復(fù)制代碼后在網(wǎng)頁(yè)打開,出現(xiàn)如下:


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

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

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

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

        效果:

        以上是由福州網(wǎng)站建設(shè)的小編為你分享了"uniapp引用iconfont圖標(biāo)確認(rèn)可用"文章,如果你在這方面有什么問題,隨時(shí)聯(lián)系我們

        uni-app使用問題有關(guān)的文章
        如果您有什么問題,歡迎咨詢我們客服! 點(diǎn)擊QQ咨詢