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">
@ -504,7 +504,7 @@ const StatusListData = () => {
ikwhthisday: item.attributeMap.ikwhthisday, ikwhthisday: item.attributeMap.ikwhthisday,
iturbineoperationmode: state, iturbineoperationmode: state,
locked: item.attributeMap.locked, locked: item.attributeMap.locked,
irotorspeed:item.attributeMap.irotorspeed, irotorspeed: item.attributeMap.irotorspeed,
}, },
} }
}) })
@ -1226,9 +1226,9 @@ $labelHeight: 38px;
margin: 0; margin: 0;
color: #4e5969; color: #4e5969;
background-color: #f2f3f5; background-color: #f2f3f5;
.el-row{ .el-row {
width: calc(100% - 0px); width: calc(100% - 0px);
.el-col{ .el-col {
height: calc(100% - 10px); height: calc(100% - 10px);
} }
} }
@ -1337,7 +1337,7 @@ $labelHeight: 38px;
width: 100%; width: 100%;
height: v-bind('computedHeight.centerHeight'); height: v-bind('computedHeight.centerHeight');
margin-bottom: 0; margin-bottom: 0;
.el-scrollbar{ .el-scrollbar {
height: calc(100% - 20px); height: calc(100% - 20px);
} }
} }
@ -1433,7 +1433,6 @@ $labelHeight: 38px;
} }
} }
@media screen and (max-width: 1920px) { @media screen and (max-width: 1920px) {
.default-main { .default-main {
.trend { .trend {
@ -1445,7 +1444,7 @@ $labelHeight: 38px;
.default-main { .default-main {
/*height: auto !important;*/ /*height: auto !important;*/
overflow: none; overflow: none;
.windtitle{ .windtitle {
margin-bottom: 10px; margin-bottom: 10px;
} }
.summarize { .summarize {
@ -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 {
@ -1507,7 +1510,7 @@ $labelHeight: 38px;
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
.grid-content { .grid-content {
.cardLabel{ .cardLabel {
font-size: 16px !important; font-size: 16px !important;
} }
.panelBg { .panelBg {
@ -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>