From 30b97c9c77060adcd0c5475aacf77d59c8dc0111 Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Sat, 6 Jul 2024 10:15:45 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E9=AA=A8=E6=9E=B6=E5=B1=8F=E4=BC=98=E5=8C=96=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/index.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 3ee20f8b..6d0a26f9 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -73,22 +73,28 @@
         v-for="(item, index) in visitStatsList"
         :key="index"
       >
-        <el-skeleton :loading="loading" animated>
+        <el-skeleton :loading="loading" :rows="5" animated>
           <template #template>
-            <div>
-              <el-skeleton-item variant="text" style="width: 60%" />
-              <div class="mt-2">
-                <el-skeleton-item variant="text" style="width: 40%" />
+            <el-card>
+              <div>
+                <el-skeleton-item variant="h3" style="width: 40%" />
                 <el-skeleton-item
                   variant="rect"
-                  style="float: right; width: 2em; height: 2em"
+                  style="float: right; width: 1em; height: 1em"
                 />
               </div>
-              <div class="mt-2">
-                <el-skeleton-item variant="text" style="width: 100%" />
-                <el-skeleton-item variant="text" style="width: 80%" />
+              <div class="mt-10 flex-x-between">
+                <el-skeleton-item variant="text" style="width: 30%" />
+                <el-skeleton-item
+                  variant="circle"
+                  style="width: 2em; height: 2em"
+                />
               </div>
-            </div>
+              <div class="mt-5 flex-x-between">
+                <el-skeleton-item variant="text" style="width: 50%" />
+                <el-skeleton-item variant="text" style="width: 1em" />
+              </div>
+            </el-card>
           </template>
           <template v-if="!loading">
             <el-card shadow="never">