样坏修改

src/views/home/expenseAnalysisComponents/monthlyOverview.vue

@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -144,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +154,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue

@@ -157,7 +157,7 @@ getRateFlag(rate, real, target) {
   max-width: 300px; // 最大宽度，限制过宽
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -201,6 +201,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 </style>

src/views/home/expenseAnalysisComponents/totalOverview.vue

@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -167,6 +167,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue

@@ -158,7 +158,7 @@ getRateFlag(rate, real, target) {
   max-width: 300px; // 最大宽度，限制过宽
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -202,6 +202,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 </style>