样坏修改

src/views/home/grossMarginComponents/monthlyOverview.vue

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

src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue

@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -196,6 +196,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/grossMarginComponents/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/grossMarginComponents/yearRelatedMetrics.vue

@@ -157,7 +157,7 @@ export default {
   min-width: 300px; // 最小宽度，防止挤压
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0; // 左右内边距一致
+  padding: 16px 0 0 10px;// 左右内边距一致
   margin: 0 4px; // 左右间距
 
   .title {
@@ -201,6 +201,7 @@ export default {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }