Sfoglia il codice sorgente

style(blockingData): 调整模块三和模块四的图表容器高度样式

统一设置图表容器的最小高度和固定高度,确保布局一致性
huoyi 1 mese fa
parent
commit
fb752a7950

+ 6 - 2
src/views/blockingData/blockingDataScreen/components/ModuleFour.vue

@@ -386,6 +386,8 @@ onMounted(() => {
386 386
   flex: 1;
387 387
   display: flex;
388 388
   gap: 10px;
389
+  min-height: 350px;
390
+  height: 350px;
389 391
 }
390 392
 
391 393
 .chart-item {
@@ -395,9 +397,10 @@ onMounted(() => {
395 397
   background: #fff;
396 398
   border-radius: 6px;
397 399
   padding: 8px;
398
-
399 400
   border: 1px solid #eee;
400 401
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
402
+  min-height: 300px;
403
+  height: 100%;
401 404
 }
402 405
 
403 406
 .chart-title {
@@ -410,6 +413,7 @@ onMounted(() => {
410 413
 .echarts {
411 414
   flex: 1;
412 415
   width: 100%;
413
-  min-height: 0;
416
+  min-height: 250px;
417
+  height: 250px;
414 418
 }
415 419
 </style>

+ 4 - 1
src/views/blockingData/blockingDataScreen/components/ModuleThree.vue

@@ -142,6 +142,8 @@ onMounted(() => {
142 142
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
143 143
   display: flex;
144 144
   flex-direction: column;
145
+  min-height: 300px;
146
+  height: 100%;
145 147
 }
146 148
 
147 149
 .chart-title {
@@ -154,6 +156,7 @@ onMounted(() => {
154 156
 .echarts {
155 157
   flex: 1;
156 158
   width: 100%;
157
-  min-height: 0;
159
+  min-height: 250px;
160
+  height: 250px;
158 161
 }
159 162
 </style>