isoftstone/lc_frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 修改样式

Browse Source
This commit is contained in:
caijun
2026-01-27 16:27:50 +08:00
parent 33ff00ef3c
commit 3b288342a6
1 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/screen/powerMonitoring.vue
View File

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