首先:打開阿里巴巴矢量圖標(biāo)庫(kù)
iconfont-阿里巴巴矢量圖標(biāo)庫(kù)
??2.注冊(cè)賬號(hào)并進(jìn)行登錄操作,如果已經(jīng)有賬號(hào)了直接進(jìn)行登錄操作
3.選擇需要的圖標(biāo),點(diǎn)擊添加入庫(kù)
4.點(diǎn)擊購(gòu)物車圖標(biāo),查看添加入庫(kù)的圖標(biāo)?
?
輸入項(xiàng)目名稱,然后點(diǎn)擊確認(rèn)即可
5.點(diǎn)擊生成代碼
?6.點(diǎn)擊下載到本地
?
左下角生成了一個(gè)壓縮包,找到壓縮包進(jìn)行解壓操作,?解壓縮后復(fù)制解壓后的全部文件到uniapp項(xiàng)目的common文件夾中(若沒(méi)有該文件夾,可以新建一個(gè))
上面就是解壓后的文件夾
?7,如果是新建的項(xiàng)目,我們就直接把解壓后的文件夾復(fù)制到我們的common文件夾下,如果是在原有的項(xiàng)目中進(jìn)行了進(jìn)的添加,那么就需要進(jìn)行一個(gè)替換的操作
?去到項(xiàng)目中復(fù)制代碼,然后打開iconfont.css文件,替換@font-face中的內(nèi)容
?8.項(xiàng)目中全局引入
?9.頁(yè)面中使用圖標(biāo)
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-799346.html文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-799346.html
?
到了這里,關(guān)于uniapp引入阿里巴巴矢量圖標(biāo)庫(kù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!