zwgczx/zwpanel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化弹窗骨架屏效果

Browse Source
This commit is contained in:
Sun 2024-01-29 23:55:07 +08:00
parent 04a512f94a
commit f103307882
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/home/index.vue
View File

@ -574,7 +574,11 @@ function handleAddItem(itemIconGroupId?: number) {
</div>
</template>
<div class="w-full h-full rounded-2xl overflow-hidden border dark:border-zinc-700">
<NSkeleton v-if="windowIframeIsLoad" height="100%" width="100%" />
<div v-if="windowIframeIsLoad" class="flex flex-col p-5">
<NSkeleton height="50px" width="100%" class="rounded-lg" />
<NSkeleton height="180px" width="100%" class="mt-[20px] rounded-lg" />
<NSkeleton height="180px" width="100%" class="mt-[20px] rounded-lg" />
</div>
<iframe
v-show="!windowIframeIsLoad" id="windowIframeId" ref="windowIframeRef" :src="windowSrc"
class="w-full h-full" frameborder="0" @load="handWindowIframeIdLoad"