From 85971227cd3055ea280cf493c7c42b250c1515da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=87=AF=E9=BE=99?= <502431556@qq.com>
Date: Fri, 25 Mar 2022 09:03:47 +0800
Subject: [PATCH] style: update Icon demo

---
 src/views/Components/Icon.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/views/Components/Icon.vue b/src/views/Components/Icon.vue
index 44385bf..50fe599 100644
--- a/src/views/Components/Icon.vue
+++ b/src/views/Components/Icon.vue
@@ -2,6 +2,8 @@
 import { ContentWrap } from '@/components/ContentWrap'
 import { useI18n } from '@/hooks/web/useI18n'
 import { Infotip } from '@/components/Infotip'
+import { ElButton } from 'element-plus'
+import { useIcon } from '@/hooks/web/useIcon'
 
 const { t } = useI18n()
 
@@ -44,4 +46,12 @@ const keyClick = (key: string) => {
       <Icon icon="ep:chat-line-round" />
     </div>
   </ContentWrap>
+  <ContentWrap title="useIcon">
+    <div class="flex justify-between">
+      <ElButton :icon="useIcon({ icon: 'svg-icon:peoples' })">Button</ElButton>
+      <ElButton :icon="useIcon({ icon: 'svg-icon:money' })">Button</ElButton>
+      <ElButton :icon="useIcon({ icon: 'ep:aim' })">Button</ElButton>
+      <ElButton :icon="useIcon({ icon: 'ep:alarm-clock' })">Button</ElButton>
+    </div>
+  </ContentWrap>
 </template>