diff --git a/src/views/screen/powerMonitoring.vue b/src/views/screen/powerMonitoring.vue index e580a9b..10dcc8e 100644 --- a/src/views/screen/powerMonitoring.vue +++ b/src/views/screen/powerMonitoring.vue @@ -2,8 +2,9 @@
-

动环监控大屏

-
+
+

动环监控大屏

+
{{ currentDate }} {{ currentWeek }} {{ currentTime }} @@ -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;