github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 09:34:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add icon-picker component (#4832)

Browse Source 
* feat: add icon-picker component

* fix: resolve conversations

* refactor: resort @vben/hooks
This commit is contained in:
huangxiaomin
2024-11-09 14:10:17 +08:00
committed by GitHub
parent 6b9acf09dc
commit 632081e828
13 changed files with 1130 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
playground/src/views/demos/features/icons/index.vue
View File

@@ -17,6 +17,8 @@ import {
} from '@vben/icons';
import { Card } from 'ant-design-vue';
import IconPicker from './icon-picker.vue';
</script>
<template>
@@ -45,7 +47,7 @@ import { Card } from 'ant-design-vue';
</div>
</Card>
<Card title="Svg Icons">
<Card class="mb-5" title="Svg Icons">
<div class="flex items-center gap-5">
<SvgAvatar1Icon class="size-8" />
<SvgAvatar2Icon class="size-8 text-red-500" />
@@ -57,5 +59,17 @@ import { Card } from 'ant-design-vue';
<SvgDownloadIcon class="size-8" />
</div>
</Card>
<Card class="mb-5" title="图标选择器(Iconify)">
<div class="flex items-center gap-5">
<IconPicker width="300px" />
</div>
</Card>
<Card title="图标选择器(Svg)">
<div class="flex items-center gap-5">
<IconPicker prefix="svg" width="300px" />
</div>
</Card>
</Page>
</template>