# IconFont
组件位置:@/components/IconFont (opens new window),此组件基于 @ant-design/icons (opens new window) 封装。
创建原因:方便统一管理使用 iconfont.cn
上 js 资源图标,不需要每次使用时都 createFromIconfontCN
。
# 使用方法
# 1、iconfont.cn 上生成 js 资源。
登录 iconfont.cn 创建项目,添加需要的图标,生成js资源。
# 2、配置js资源
@/config/settings.ts
文件中 iconfontUrl
参数, 配置 iconfont.cn 生成的js文件地址。
const settings: SettingsType = {
iconfontUrl: [
'//at.alicdn.com/t/font_1788044_0dwu4guekcwr.js',
'//at.alicdn.com/t/font_1788592_a5xf2bdic3u.js',
],
};
export default settings;
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 3、使用Demo:
import IconFont from '@/components/IconFont';
() => {
return <IconFont type="iconfont图标名称" className="" style=""/>;
}
1
2
3
4
2
3
4
← IconSvg useEcharts →