kingecg
/
gohttpdUi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: update Icon demo

This commit is contained in:
陈凯龙 2022-03-25 09:03:47 +08:00
parent 046ae512f0
commit 85971227cd
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/Components/Icon.vue
View File

@ -2,6 +2,8 @@
import { ContentWrap } from '@/components/ContentWrap' import { ContentWrap } from '@/components/ContentWrap'
import { useI18n } from '@/hooks/web/useI18n' import { useI18n } from '@/hooks/web/useI18n'
import { Infotip } from '@/components/Infotip' import { Infotip } from '@/components/Infotip'
import { ElButton } from 'element-plus'
import { useIcon } from '@/hooks/web/useIcon'
const { t } = useI18n() const { t } = useI18n()
@ -44,4 +46,12 @@ const keyClick = (key: string) => {
<Icon icon="ep:chat-line-round" /> <Icon icon="ep:chat-line-round" />
</div> </div>
</ContentWrap> </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> </template>