From 5dfe39be85024ba3b6415e172c6f6c21c042562d Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Wed, 22 May 2024 00:07:54 +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/finance.vue    |  3 +++
 src/views/home/components/shortcut.vue   |  1 -
 src/views/home/components/target-box.vue | 26 +++++++++++++++++-------
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/views/home/components/finance.vue b/src/views/home/components/finance.vue
index 553f761..b019fef 100644
--- a/src/views/home/components/finance.vue
+++ b/src/views/home/components/finance.vue
@@ -9,6 +9,9 @@
     </div>
     <a-divider :margin="16" />
     <div class="finance-card">
+      <!-- <a-row>
+        <a-col :xs="24" :sm="12" :lg="8" :xl="4"></a-col>
+      </a-row> -->
       <a-card
         hoverable
         v-for="(item, index) in financeData"
diff --git a/src/views/home/components/shortcut.vue b/src/views/home/components/shortcut.vue
index 899352d..4877bb7 100644
--- a/src/views/home/components/shortcut.vue
+++ b/src/views/home/components/shortcut.vue
@@ -14,7 +14,6 @@
         :sm="12"
         :lg="8"
         :xl="4"
-        :gutter="[24, 12]"
         v-for="(item, index) in shortcut"
         :key="item.id"
         class="card-middling row-center card-box"
diff --git a/src/views/home/components/target-box.vue b/src/views/home/components/target-box.vue
index 08fcb17..6aa0e05 100644
--- a/src/views/home/components/target-box.vue
+++ b/src/views/home/components/target-box.vue
@@ -4,15 +4,24 @@
       <div>第三板指标</div>
     </div>
     <a-divider :margin="16" />
-    <div class="row-start-center">
-      <div class="target-grade" :class="'animated-fade-up-0'">
+    <a-row>
+      <a-col :xs="24" :sm="12" :lg="8" :xl="4" class="target-grade" :class="'animated-fade-up-0'">
         <div class="target-grade-innerbox">
           <div class="grade-value">{{ targetData.all.value }}</div>
           <div class="target-title">{{ targetData.all.title }}</div>
         </div>
-      </div>
-      <div v-for="(item, index) in targetData.list" :key="index" class="target-other" :class="'animated-fade-up-' + index">
-        <div>
+      </a-col>
+      <a-col
+        :xs="24"
+        :sm="12"
+        :lg="8"
+        :xl="4"
+        v-for="(item, index) in targetData.list"
+        :key="index"
+        class="target-other"
+        :class="'animated-fade-up-' + index"
+      >
+        <div class="target-other-innerbox">
           <div>
             <span class="other-value">{{ item.value }}</span>
             <span>
@@ -22,8 +31,8 @@
           </div>
           <div class="target-title">{{ item.title }}</div>
         </div>
-      </div>
-    </div>
+      </a-col>
+    </a-row>
   </div>
 </template>
 
@@ -99,6 +108,9 @@ const targetData = reactive({
     display: flex;
     align-items: center;
     justify-content: center;
+    .target-other-innerbox {
+      width: 100px;
+    }
     .other-value {
       font-family: "AliFangYuanTi";
       font-weight: bold;