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
導入文件,直接配置路徑,會無效的。
最後像在線加載那樣使用。