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

相關文章
相關標籤/搜索