New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open

1 task

qzuozhu opened this issue Nov 20, 2023 · 1 comment

qzuozhu commented Nov 20, 2023

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 changed the title ~~Arco Pro vue引入图标库报错：无法找到模块“@arco-iconbox/vue-XXX”的声明文件~~ Arco Pro vue引入图标库“@arco-iconbox/vue-XXX”后，在路由菜单中怎么显示？

Author

qzuozhu commented Nov 20, 2023

自己已解决：
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'

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment