react+webpack+antd框架自定義使用阿里iconfont圖標。


 

1. 首先打開iconfont,找到我們需要的icon,如果要icon跟隨字體選中狀態的顏色改變而改變,盡量使用單色圖標。如圖:


2、加入購物車之后,點擊下載代碼,放到桌面,將文件夾下的iconfont.js文件引入項目中,我一般放在util文件夾下,如圖:


3、在需要的.jsx頁面下引入我們的iconfont.js文件:

```
import iconFont from '../../../utils/iconfont.js'
const IconFont = Icon.createFromIconfontCN({
scriptUrl: iconFont
})
```
4、在render中鍵入我們下載好的icon名稱,可以在download文件夾下打開demo_fontclass.html頁面,復制類名,加入到我們render中:

 


5、.jsx頁面圖標代碼:

```
render () {
<IconFont type='icon-kaoherenwujihua' />
}
```
6、最后已經引入成功了,根據選中狀態自動跟隨文字顏色。

 

小仙女奉上,有什么不對的可以暢所欲言哦!!!!!!react+antd框架自定義使用阿里iconfont圖標。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM