fix:样式
This commit is contained in:
parent
12e548a461
commit
7866363765
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user