Ant Design Pro 使用iconfont上的图标有两种方法:
1、加载在线图标
- 创建一个项目(图标的前缀一定要设置为:
icon-) - 创建远程连接
- 复制代码,找到
ant design pro项目中的src下的defaultSettings.js,设置iconfontUrl的路径 - 在路由配置上使用使用就可以了
2、加载离线图标
- 加载离线的图标,需要把
iconfont上编辑好的图标下载,并且把文件放在项目适合的文件夹下。小编放在src/assets中 - 找到
ant design pro项目中的src下的defaultSettings.js,设置iconfontUrl的路径,这是就需要使用require导入文件,直接配置路径,会无效的。 - 最后像在线加载那样使用。