ant design pro of vue導航菜單圖標引入阿里巴巴矢量庫iconfont方法

第一步: 去阿里巴巴矢量庫生成項目圖標。複製以下代碼: 第二步: 打開項目組件中Menu/menu.js. 第三步: 引入Icon組件並添加以下代碼,scriptUrl爲你自己項目生成的url. 第四步: 找到renderIcon函數,新增以下代碼: 點擊保存,就可以支持icon-font了。需要注意的是後臺返回的菜單meta.icon中字段要以"icon-"開頭,阿里巴巴矢量庫中圖標也要已’ic
相關文章
相關標籤/搜索