結(jié)合設(shè)計(jì)經(jīng)驗(yàn)與營(yíng)銷實(shí)踐,提供有價(jià)值的互聯(lián)網(wǎng)資訊
發(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)系我們