From a26f025ba7efa9f55df88025362b34f82279bc8d Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Tue, 21 May 2024 23:51:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=85=E6=A0=BC=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/components/shortcut.vue   | 33 ++++++++++--------------
 src/views/home/components/target-box.vue |  2 +-
 2 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/src/views/home/components/shortcut.vue b/src/views/home/components/shortcut.vue
index 2ff0972..899352d 100644
--- a/src/views/home/components/shortcut.vue
+++ b/src/views/home/components/shortcut.vue
@@ -8,31 +8,20 @@
       </div>
     </div>
     <a-divider :margin="16" />
-    <!-- <div class="flex-row-between-center">
-      <div v-for="(item, index) in shortcut" :key="item.id" class="card-middling row-center" :class="'animated-fade-up-' + index">
-        <div>
-          <SvgIcon :name="item.svg" :size="40" />
-          <span class="shortcut-card-label">{{ item.name }}</span>
-        </div>
-      </div>
-    </div> -->
-    <a-row class="grid-demo">
+    <a-row>
       <a-col
         :xs="24"
         :sm="12"
-        :md="12"
         :lg="8"
         :xl="4"
-        :xxl="4"
+        :gutter="[24, 12]"
         v-for="(item, index) in shortcut"
         :key="item.id"
-        class="card-middling row-center"
+        class="card-middling row-center card-box"
         :class="'animated-fade-up-' + index"
       >
-        <div>
-          <SvgIcon :name="item.svg" :size="40" />
-          <span class="shortcut-card-label">{{ item.name }}</span>
-        </div>
+        <SvgIcon :name="item.svg" :size="40" />
+        <div class="shortcut-card-label">{{ item.name }}</div>
       </a-col>
     </a-row>
   </div>
@@ -75,10 +64,14 @@ const shortcut = ref([
 
 <style lang="scss" scoped>
 .shortcut-box {
-  .shortcut-card-label {
-    font-size: $font-size-body-3;
-    margin-left: 20px;
-    color: $color-text-2;
+  .card-box {
+    margin-bottom: $padding;
+    .shortcut-card-label {
+      width: 100px;
+      font-size: $font-size-body-3;
+      margin-left: 20px;
+      color: $color-text-2;
+    }
   }
 }
 .box-title {
diff --git a/src/views/home/components/target-box.vue b/src/views/home/components/target-box.vue
index ca7a5d2..08fcb17 100644
--- a/src/views/home/components/target-box.vue
+++ b/src/views/home/components/target-box.vue
@@ -65,7 +65,7 @@ const targetData = reactive({
 
 <style lang="scss" scoped>
 .target-box {
-  margin-top: calc($padding * 2);
+  margin-top: $padding;
   .target-grade {
     width: 180px;
     height: 60px;