fix:样式

This commit is contained in:
刘玉霞 2024-11-18 18:14:19 +08:00
parent 12e548a461
commit 7866363765

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="default-main" ref="HomeHight"> <div class="default-main" ref="HomeHight">
<el-row :gutter="20"> <el-row :gutter="20" style="margin: 0px">
<el-col :md="24" :lg="6"> <el-col :md="24" :lg="6" style="padding: 0px">
<div class="grid-content ep-bg-purple"> <div class="grid-content ep-bg-purple">
<!--风场概览--> <!--风场概览-->
<div class="overview panelBg"> <div class="overview panelBg">
@ -218,7 +218,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :md="24" :lg="6"> <el-col :md="24" :lg="6" style="padding: 0px">
<div class="grid-content ep-bg-purple cardContentRight"> <div class="grid-content ep-bg-purple cardContentRight">
<!--发电量概况--> <!--发电量概况-->
<div class="summarize"> <div class="summarize">
@ -1433,7 +1433,6 @@ $labelHeight: 38px;
} }
} }
@media screen and (max-width: 1920px) { @media screen and (max-width: 1920px) {
.default-main { .default-main {
.trend { .trend {
@ -1460,6 +1459,7 @@ $labelHeight: 38px;
} }
@media screen and (max-width: 1366px) { @media screen and (max-width: 1366px) {
.default-main { .default-main {
height: auto !important;
.summarize { .summarize {
word-break: break-all !important; word-break: break-all !important;
} }
@ -1468,6 +1468,9 @@ $labelHeight: 38px;
@media screen and (max-width: 1360px) { @media screen and (max-width: 1360px) {
.default-main { .default-main {
font-size: 11px !important; font-size: 11px !important;
.matrix {
height: auto !important;
}
.overview { .overview {
.small-panel { .small-panel {
.small-base { .small-base {
@ -1522,9 +1525,6 @@ $labelHeight: 38px;
padding: 0 !important; padding: 0 !important;
padding-bottom: 10px !important; padding-bottom: 10px !important;
} }
.col-center {
padding: 0 !important;
}
.matrix { .matrix {
height: 900px !important; height: 900px !important;
} }
@ -1540,11 +1540,4 @@ $labelHeight: 38px;
} }
} }
} }
@media screen and (max-width: 1360px) {
.default-main {
.matrix {
height: auto !important;
}
}
}
</style> </style>