zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: loading skeleton

Browse source
This commit is contained in:
Anthony Fu 2022-11-27 13:02:19 +08:00
parent 1bd710daa4
commit 77a87af46a
4 changed files with 42 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/status/StatusCardSkeleton.vue Normal file
View file

@ -0,0 +1,15 @@
<template>
<div flex flex-col gap-2 px-4>
<div flex gap-4>
<div>
<div w-12 h-12 rounded-full class="skeleton-loading-bg" />
</div>
<div flex="~ col 1 gap-2" pb2 min-w-0>
<div flex class="skeleton-loading-bg" h-5 w-20 rounded />
<div flex class="skeleton-loading-bg" h-4 w-full rounded />
<div flex class="skeleton-loading-bg" h-4 w="4/5" rounded />
<div flex class="skeleton-loading-bg" h-4 w="2/5" rounded />
</div>
</div>
</div>
</template>