Prechádzať zdrojové kódy

style: update Icon demo

陈凯龙 3 rokov pred
rodič
commit
85971227cd
1 zmenil súbory, kde vykonal 10 pridanie a 0 odobranie
  1. 10 0
      src/views/Components/Icon.vue

+ 10 - 0
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>