search

07akioni / xicons

SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)
https://www.xicons.org/
1.27k stars 55 forks source link

如何动态导入图标 #871

Open yassine-zhang opened 4 months ago

yassine-zhang commented 4 months ago

需求：动态输入一个图标名称就可以渲染出图标

<component class="w-7 h-7" :is="fluentIcons[item.iconName]"></component>

import * as fluentIcons from '@/stores/task-reward'

但是这个法子行不通，图标太多了无用图标都导入了进来，而且卡爆了。。。

另外一种思路：搭个后端程序专门提供所有图标的网络服务。