From 39d8faffea03c4ec77943a4b0dd7f125cda4e4a4 Mon Sep 17 00:00:00 2001
From: qweasdzxclm <2795631299@qq.com>
Date: Wed, 21 Jan 2026 18:24:36 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Dashboard/Index.vue                 | 21 ++++++++++++-------
 src/views/Dashboard/components/BarChart.vue   |  4 ++--
 .../components/ConsumptionRecords/Index.vue   | 12 +++++------
 .../Dashboard/components/InfoCard/Index.vue   | 20 +++++++++---------
 .../RecentRewardsPunishments/Index.vue        |  6 +++---
 .../components/ScoreAssessment/Index.vue      | 10 ++++-----
 6 files changed, 39 insertions(+), 34 deletions(-)

diff --git a/src/views/Dashboard/Index.vue b/src/views/Dashboard/Index.vue
index 6a0016f8..f8e12986 100644
--- a/src/views/Dashboard/Index.vue
+++ b/src/views/Dashboard/Index.vue
@@ -17,11 +17,11 @@
               </div>
               <!-- 左侧第二个卡片 -->
               <div class="card-row">
-                <div class="info-card-item">
+                <div class="info-card-item center-right-card-item">
                   <div class="card-number">{{ centerLeftData.middle.left.value }}</div>
                   <div class="card-label">{{ centerLeftData.middle.left.label }}</div>
                 </div>
-                <div class="info-card-item">
+                <div class="info-card-item center-right-card-item">
                   <div class="card-number">{{ centerLeftData.middle.right.value }}</div>
                   <div class="card-label">{{ centerLeftData.middle.right.label }}</div>
                 </div>
@@ -38,11 +38,11 @@
               </div>
               <!-- 右侧第二个卡片 -->
               <div class="card-row">
-                <div class="info-card-item">
+                <div class="info-card-item center-right-card-item">
                   <div class="card-number">{{ centerRightData.middle.left.value }}</div>
                   <div class="card-label">{{ centerRightData.middle.left.label }}</div>
                 </div>
-                <div class="info-card-item">
+                <div class="info-card-item center-right-card-item">
                   <div class="card-number">{{ centerRightData.middle.right.value }}</div>
                   <div class="card-label">{{ centerRightData.middle.right.label }}</div>
                 </div>
@@ -545,7 +545,7 @@ onUnmounted(() => {
   width: 30%;
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 20px;
   padding: 16px 0 10px;
   justify-content: space-between;
 }
@@ -563,8 +563,9 @@ onUnmounted(() => {
 
 // 信息卡片通用样式
 .info-card-item {
+  width: 100%;
+  height: 50%;
   border-radius: 4px;
-  padding: 12px 16px;
   box-shadow: inset 0 0 15px 0 #2b4183;
   border: 1px solid #2b4183;
   display: flex;
@@ -572,6 +573,9 @@ onUnmounted(() => {
   align-items: center;
   justify-content: center;
   overflow: hidden;
+  &.center-right-card-item {
+    height: 100%;
+  }
 }
 
 .card-row {
@@ -579,6 +583,7 @@ onUnmounted(() => {
   justify-content: space-between;
   gap: 10px;
   width: 100%;
+  height: 50%;
 }
 
 .card-number {
@@ -637,10 +642,10 @@ onUnmounted(() => {
   justify-content: center;
   align-items: center;
   .dashboard-content-bottom-right-title {
-    font-size: 18px;
+    font-size: 2vh;
     font-weight: bold;
     color: #ffffff;
-    margin-bottom: 10px;
+    margin-bottom: 1.5vh;
   }
 }
 </style>
diff --git a/src/views/Dashboard/components/BarChart.vue b/src/views/Dashboard/components/BarChart.vue
index 367b4865..2de2f955 100644
--- a/src/views/Dashboard/components/BarChart.vue
+++ b/src/views/Dashboard/components/BarChart.vue
@@ -280,14 +280,14 @@ watch(
   min-width: 100px;
 
   .card-value {
-    font-size: 14px;
+    font-size: 1.6vh;
     font-weight: bold;
     color: #00d4ff;
     margin-bottom: 4px;
   }
 
   .card-label {
-    font-size: 10px;
+    font-size: 1.5vh;
     color: rgba(255, 255, 255, 0.8);
   }
 }
diff --git a/src/views/Dashboard/components/ConsumptionRecords/Index.vue b/src/views/Dashboard/components/ConsumptionRecords/Index.vue
index 6382eacd..3808a567 100644
--- a/src/views/Dashboard/components/ConsumptionRecords/Index.vue
+++ b/src/views/Dashboard/components/ConsumptionRecords/Index.vue
@@ -155,7 +155,7 @@ watch(
 
 .consumption-records-title {
   text-align: center;
-  font-size: 14px;
+  font-size: 2vh;
   font-weight: bold;
   color: #ffffff;
 }
@@ -186,7 +186,7 @@ watch(
 }
 
 .header-title {
-  font-size: 14px;
+  font-size: 1.95vh;
   font-weight: bold;
   color: #ffffff;
 }
@@ -218,12 +218,12 @@ watch(
 }
 
 .record-date {
-  font-size: 10px;
+  font-size: 1.4vh;
   color: rgba(255, 255, 255, 0.9);
 }
 
 .record-name {
-  font-size: 10px;
+  font-size: 1.4vh;
   font-weight: 500;
   color: #a855f7;
 
@@ -253,12 +253,12 @@ watch(
 }
 
 .record-category {
-  font-size: 10px;
+  font-size: 1.4vh;
   color: rgba(255, 255, 255, 0.9);
 }
 
 .record-amount {
-  font-size: 10px;
+  font-size: 1.4vh;
   font-weight: 500;
   color: white;
   text-align: right;
diff --git a/src/views/Dashboard/components/InfoCard/Index.vue b/src/views/Dashboard/components/InfoCard/Index.vue
index 9ac19329..bec9a0c7 100644
--- a/src/views/Dashboard/components/InfoCard/Index.vue
+++ b/src/views/Dashboard/components/InfoCard/Index.vue
@@ -168,15 +168,15 @@ const props = withDefaults(
 }
 
 .header-title {
-  font-size: 14px;
+  font-size: 2vh;
   margin-right: 6px;
   color: white;
   font-weight: bold;
 }
 
 .header-icon {
-  width: 18px;
-  height: 18px;
+  width: 3vh;
+  height: 3vh;
   background: url('@/assets/imgs/dashboard/pie.svg') no-repeat center center;
   background-size: 100% 100%;
 }
@@ -194,7 +194,7 @@ const props = withDefaults(
   background: #3f6973;
   border: 1px solid rgba(56, 102, 141, 0.5);
   border-radius: 4px;
-  font-size: 10px;
+  font-size: 1.5vh;
   color: #d8f0ff;
   white-space: nowrap;
 }
@@ -206,7 +206,7 @@ const props = withDefaults(
 }
 
 .records-content-title {
-  font-size: 10px;
+  font-size: 1.5vh;
   color: #d8f0ff;
   font-weight: bold;
 }
@@ -214,13 +214,13 @@ const props = withDefaults(
 .info-list {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 0.8vh;
 }
 
 .info-item {
   display: flex;
   align-items: center;
-  font-size: 10px;
+  font-size: 1.5vh;
   color: white;
 }
 
@@ -239,7 +239,7 @@ const props = withDefaults(
   display: flex;
   flex-direction: column;
   gap: 2px;
-  height: 162px;
+  height: 25.5vh;
   overflow-y: auto;
   &::-webkit-scrollbar {
     display: none;
@@ -283,14 +283,14 @@ const props = withDefaults(
 }
 
 .record-date {
-  font-size: 10px;
+  font-size: 1.5vh;
   font-weight: 600;
   color: white;
   margin-bottom: 2px;
 }
 
 .record-text {
-  font-size: 10px;
+  font-size: 1.5vh;
   color: #d8f0ff;
   line-height: 1.5;
 }
diff --git a/src/views/Dashboard/components/RecentRewardsPunishments/Index.vue b/src/views/Dashboard/components/RecentRewardsPunishments/Index.vue
index 0abe64e2..9fc27e52 100644
--- a/src/views/Dashboard/components/RecentRewardsPunishments/Index.vue
+++ b/src/views/Dashboard/components/RecentRewardsPunishments/Index.vue
@@ -113,7 +113,7 @@ watch(
 }
 
 .header-title {
-  font-size: 16px;
+  font-size: 2vh;
   font-weight: bold;
   color: #ffffff;
 }
@@ -210,7 +210,7 @@ watch(
 }
 
 .card-type {
-  font-size: 13px;
+  font-size: 1.8vh;
   font-weight: 500;
   margin-bottom: 4px;
   color: rgba(255, 255, 255, 0.9);
@@ -225,7 +225,7 @@ watch(
 }
 
 .card-description {
-  font-size: 10px;
+  font-size: 1.4vh;
   color: rgba(255, 255, 255, 0.7);
   line-height: 1.5;
 }
diff --git a/src/views/Dashboard/components/ScoreAssessment/Index.vue b/src/views/Dashboard/components/ScoreAssessment/Index.vue
index fd2c9eeb..36a39cf8 100644
--- a/src/views/Dashboard/components/ScoreAssessment/Index.vue
+++ b/src/views/Dashboard/components/ScoreAssessment/Index.vue
@@ -107,15 +107,15 @@ watch(
 }
 
 .header-title {
-  font-size: 14px;
+  font-size: 2vh;
   margin-right: 6px;
   color: white;
   font-weight: bold;
 }
 
 .header-icon {
-  width: 18px;
-  height: 18px;
+  width: 3vh;
+  height: 3vh;
   background: url('@/assets/imgs/dashboard/pie.svg') no-repeat center center;
   background-size: 100% 100%;
 }
@@ -138,7 +138,7 @@ watch(
 }
 
 .header-cell {
-  font-size: 11px;
+  font-size: 1.5vh;
   color: rgba(255, 255, 255, 0.9);
   font-weight: 500;
   display: flex;
@@ -179,7 +179,7 @@ watch(
 }
 
 .row-cell {
-  font-size: 11px;
+  font-size: 1.5vh;
   color: #ffffff;
   display: flex;
   align-items: center;

From 0d54235b4933dd588bc4f2f7df85eecced3e1d6b Mon Sep 17 00:00:00 2001
From: qweasdzxclm <2795631299@qq.com>
Date: Wed, 21 Jan 2026 18:38:01 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Dashboard/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Dashboard/Index.vue b/src/views/Dashboard/Index.vue
index f8e12986..fd08d042 100644
--- a/src/views/Dashboard/Index.vue
+++ b/src/views/Dashboard/Index.vue
@@ -552,7 +552,7 @@ onUnmounted(() => {
 
 .dashboard-content-top-center-center {
   width: 40%;
-  height: 100%;
+  height: 220px;
   display: flex;
   flex-direction: column;
   align-items: center;