样坏修改

src/views/home/operatingComponents/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/operatingComponents/monthlyRelatedMetrics.vue

@@ -152,7 +152,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 {
@@ -195,6 +195,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingComponents/totalOverview.vue

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

src/views/home/operatingComponents/yearRelatedMetrics.vue

@@ -148,7 +148,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 {
@@ -191,6 +191,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }