IconFont

组件位置：@/components/IconFont (opens new window)，此组件基于 @ant-design/icons (opens new window) 封装。

创建原因：方便统一管理使用 iconfont.cn 上 js 资源图标，不需要每次使用时都 createFromIconfontCN 。

在线DOME (opens new window)

使用方法

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;

3、使用Demo：

import IconFont from '@/components/IconFont';
() => {
    return <IconFont type="iconfont图标名称" className="" style=""/>;
}