先參考這個(gè)官網(wǎng)的說明 :
https://pro.ant.design/docs/biz-icon-cn
使用 SVG Symbol 這種方法 颂砸。
但官網(wǎng)的說明有個(gè)問題,就是全部使用的是網(wǎng)絡(luò)引用死姚,有時(shí)候我們需要的環(huán)境可能并不是一個(gè)有外網(wǎng)的環(huán)境人乓。所以我們需要將網(wǎng)絡(luò)引用改為本地引用。
改為本地引用的方法也很簡單都毒。
將 //at.alicdn.com/t/font_405362_lyhvoky9rc7ynwmi.js 這個(gè)文件下載下來色罚,放在public 目錄下面,例如存為font_405362_lyhvoky9rc7ynwmi.js 然后
import { Icon } from 'antd';
const IconFont = Icon.createFromIconfontCN({
- scriptUrl: '//at.alicdn.com/t/font_405362_lyhvoky9rc7ynwmi.js'
+ scriptUrl: 'font_405362_lyhvoky9rc7ynwmi.js'
});
export default IconFont;
即可.
-號(hào)為刪除的行
+號(hào)為增加的行