JavaShuo
Ant Design Pro 使用自定义iconfont图标,改变导航栏的图标
时间 2021-08-15
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
导入文件,直接配置路径,会无效的。
最后像在线加载那样使用。