一:使用目的和優(yōu)勢(shì)
WEB開發(fā)中經(jīng)常會(huì)遇見使用各種各樣的圖標(biāo)顽冶,而使用阿里圖標(biāo)的好處:
1:免費(fèi)且圖標(biāo)種類多彪置,支持各種關(guān)鍵字搜索逞频;
2:支持下載到本地和云CDN使用方式进泼;
3:支持多種使用格式如png惕稻、svg竖共、字體文件等等;
4:支持收藏和創(chuàng)建自己的項(xiàng)目庫(kù)圖標(biāo)俺祠,可以把自己當(dāng)前項(xiàng)目常用的圖標(biāo)歸納整理在一起公给;
二:使用流程
1:登錄阿里圖標(biāo)網(wǎng)
2:搜索想要的圖標(biāo)借帘,然后收藏到購(gòu)物車:
3:在購(gòu)物車中添加至對(duì)應(yīng)的項(xiàng)目:
4:在圖標(biāo)管理->我的項(xiàng)目中找到添加的圖標(biāo)
5:選擇對(duì)應(yīng)的使用模式,然后點(diǎn)擊查看在線鏈接->點(diǎn)擊復(fù)制此代碼
6:按照antd文檔淌铐,在項(xiàng)目中使用:
其中scriptUrl是第五步復(fù)制的網(wǎng)址肺然,type的值是對(duì)應(yīng)圖標(biāo)點(diǎn)擊復(fù)制代碼的值,
這樣就可以生成了一個(gè)可復(fù)用匣沼,且支持改變顏色和大小的圖標(biāo)組件了狰挡。