前端iconfont圖標(biāo)字體解決方案(阿里云圖標(biāo))

一、到Iconfont-阿里巴巴矢量圖標(biāo)庫(kù)創(chuàng)建自己的項(xiàng)目(或加入ui選好的圖標(biāo)項(xiàng)目中),然后選擇自己需要的圖標(biāo)加入項(xiàng)目。

創(chuàng)建項(xiàng)目

二、訪問(wèn)鏈接前往復(fù)制圖標(biāo)代碼。(此圖與圖3配合著看)

復(fù)制圖標(biāo)代碼

三、創(chuàng)建組件并將圖標(biāo)代碼加入組件中。

創(chuàng)建組件

四、引入并注冊(cè)組件。

引入并注冊(cè)組件

五、使用組件。(配合創(chuàng)建組件圖一起看? ---- type為需用引入圖標(biāo)的值、color為顏色、size為圖標(biāo)字體大小)

使用組件


注:有什么疑問(wèn)可在評(píng)論區(qū)留言,看見(jiàn)了一定會(huì)回復(fù)!有不對(duì)的地方也歡迎指出,大家一起學(xué)習(xí)交流!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容