iconfont矢量图标库在antd pro框架中的使用

1.选取本身在阿里图标库的项目下载至本地

image.png

2.抽取其中的js文件

image.png

3.将js文件引入到页面中

import iconfont from '../utils/iconfont.js';
const Iconfont = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1230556_wtzksdea45.js',
  scriptUrl: iconfont,
});

4.引入import { Icon } from 'antd'

在页面这种如同Icon通常使用:antd

<Iconfont type="icontuichu" />

image.png

成功~~ui

相关文章
相关标签/搜索