feat: improve QR code UI and add loading skeleton

This commit is contained in:
jxxghp
2024-06-19 16:07:37 +08:00
parent d5646be6f8
commit 75a358a4d2
+4 -2
View File
@@ -80,8 +80,10 @@ onUnmounted(() => {
<VCard title="115网盘登录" class="rounded-t"> <VCard title="115网盘登录" class="rounded-t">
<DialogCloseBtn @click="emit('close')" /> <DialogCloseBtn @click="emit('close')" />
<VCardText class="pt-2 flex flex-col items-center"> <VCardText class="pt-2 flex flex-col items-center">
<div class="my-6 shadow-lg rounded p-3 border"> <div class="my-6 shadow-lg rounded border">
<VImg class="mx-auto" :src="qrCodeContent" style="inline-size: 200px" /> <VImg class="mx-auto" :src="qrCodeContent" style="block-size: 200px; inline-size: 200px">
<VSkeletonLoader v-if="!qrCodeContent" class="w-full h-full" />
</VImg>
</div> </div>
<VAlert variant="tonal" :type="alertType" class="my-4 text-center" :text="text"> <VAlert variant="tonal" :type="alertType" class="my-4 text-center" :text="text">
<template #prepend /> <template #prepend />