feat: 修改样式

src/views/screen/powerMonitoring.vue

@@ -2,8 +2,9 @@
   <div class="big-screen-container">
     <!-- 标题栏 -->
     <div class="screen-header">
-      <h1 class="screen-title">动环监控大屏</h1>
-      <div class="screen-datetime">
+      <div class=" screen screen-left"></div>
+      <h1 class="screen screen-title">动环监控大屏</h1>
+      <div class="screen screen-datetime">
          <span style="margin-top: 6%;font-size: 0.9rem;">{{ currentDate }}</span>
         <span style="margin-top: 6%;font-size: 0.9rem;">{{ currentWeek }}</span>
         <span style="margin-top: 6%;font-size: 0.9rem;">{{ currentTime }}</span>
@@ -642,13 +643,16 @@ const handleResize = () => {
   align-items: center;
   margin-bottom: 20px;
   padding: 0 10px;
-
+  .screen {
+    width: 33.3%;
+  }
   .screen-title {
     font-size: 32px;
     font-weight: bold;
     color: #ffffff;
     margin: 0;
     letter-spacing: 2px;
+    text-align: center;
   }
 
   .screen-datetime {
@@ -741,6 +745,13 @@ background-image: url('@/assets/images/screen/left_top_img.png'),
   .chart-title,.card-title {
     padding: 20px;
    }
+   .card-value {
+      // text-align: right;
+      padding-left: 20px;
+    }
+    .chart-title {
+      padding-left: 30px;
+    }
 }
 
 .chart-right {
@@ -760,9 +771,11 @@ background-image: url('@/assets/images/screen/left_top_img.png'),
      padding: 20px;
     }
     .card-value {
-      // text-align: right;
       padding-left: 20px;
     }
+    .chart-title {
+      padding-left: 30px;
+    }
 }
 
 .chart-card {
@@ -937,6 +950,12 @@ background-image: url('@/assets/images/screen/left_top_img.png'),
       font-size: 16px;
     }
   }
+  .chart-left,.chart-right {
+    .chart-title {
+          padding-left: 25px;
+      }
+  }
+  
 
   .stat-card {
     padding: 25px;
@@ -965,6 +984,11 @@ background-image: url('@/assets/images/screen/left_top_img.png'),
       font-size: 15px;
     }
   }
+  .chart-left,.chart-right {
+    .chart-title {
+          padding-left: 20px;
+      }
+  }
 
   .stat-card {
     padding: 20px;