style: update Icon demo

kailong321200875 · Mar 25, 2022 · 8597122 · 8597122
1 parent 046ae51
commit 8597122
Showing 1 changed file with 10 additions and 0 deletions.
diff --git 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>