Arco Pro vue引入图标库“@arco-iconbox/vue-XXX”后，自定义图标在路由菜单中怎么显示？ - Githubissues

arco-design / arco-design-pro-vue

An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design.

https://pro.arco.design

MIT License

1.42k stars 288 forks source link

Arco Pro vue引入图标库“@arco-iconbox/vue-XXX”后，自定义图标在路由菜单中怎么显示？ #350

Open qzuozhu opened 1 year ago

qzuozhu commented 1 year ago

[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: arco-design-pro-vue@2.7.2
Browser: chrome86.0.4240.198

qzuozhu commented 1 year ago

自己已解决： 1、https://arco.design/iconbox/libs建自己的库； 2、安装后修改src\components\index.ts文件，如下： import { IconXXX } from '@arco-iconbox/vue-XXX/src'; Vue.component('IconXXX', IconXXX); 3、路由中的用法不变：icon: 'icon-xxx'

aweixiao commented 2 months ago

如果数量很多，这样引入就很麻烦。