antd的Icon组件可以使用自定的的 iconfont ^-^
具体使用:
- 1 进入iconfont (https://www.iconfont.cn/)图标管理-我的项目中,Symbol下点击生成代码,如果暂时没有项目,右侧有新建项目按钮,想使用什么图标直接添加进去即可
点击上图中的生成代码 ,代码生成~~~
- 2 写入通用js,scriptUrl的值就是刚刚生成的链接
export const MyIcon = Icon.createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_393108_********.js', // 在 iconfont.cn 上生成
});
调用的时候,用法跟Icon组件使用一致,写入对应的type值,图标库中hover会有复制代码,复制以后写入type
import {MyIcon} from './common'
<Link to=''>
<MyIcon type='icon-shangpin'></MyIcon>
<span>商品分类</span>
</Link>