style: panel chart图表主题样式调整

This commit is contained in:
@changcode
2021-12-17 18:04:31 +08:00
parent 55b53da5f1
commit 2b763b026a
5 changed files with 30 additions and 20 deletions

View File

@@ -167,7 +167,7 @@
justify-content: space-between;
.form__labels-label__span {
i {
color: $--nz-icon-color;
color: $--color-text-primary;
}
}
}
@@ -270,6 +270,9 @@
.label__multi-text {
display: flex;
justify-content: space-between;
span i {
color: $--color-text-primary;
}
}
.right-box__select {
width: 100%;

View File

@@ -493,7 +493,7 @@
padding: 0 !important;
}
.el-table__row .costom-value .cell{
padding: 2px 0;
padding: 2px 1px;
}
div{
padding: 0;

View File

@@ -68,6 +68,7 @@
padding: 0 5px;
text-align: center;
font-size: 12px;
background-color: $--background-color-empty;
}
.dataBackG{
background: darken($--background-color-base, 10%);

View File

@@ -38,28 +38,34 @@
}
}
.panel .el-table {
border-radius: 5px;
border: 1px solid $--border-color-light;
.el-table__body-wrapper {
height: calc(100% - 35px) !important;
.panel {
.el-table {
border-radius: 5px;
border-left: 1px solid $--border-color-light;
border-top: 1px solid $--border-color-light;
.el-table__body-wrapper {
height: calc(100% - 35px) !important;
}
th {
border-right: 1px solid $--border-color-light;
}
tr {
background-color: $--background-color-empty;
}
td {
border-bottom: 1px solid $--border-color-light;
}
th.is-leaf {
border-bottom: 1px solid $--border-color-light;
}
}
th {
border-right: 1px solid $--border-color-light;
}
tr {
background-color: $--background-color-empty;
}
td {
.el-table--border th.gutter:last-of-type {
border-bottom: 1px solid $--border-color-light;
}
th.is-leaf {
border-bottom: 1px solid $--border-color-light;
.el-table--border::after {
background-color: $--border-color-light;
}
}
.panel .el-table--border::after {
background-color: $--border-color-light;
}
/* begin-chart list*/
.table-list {
margin-top: 0;

View File

@@ -18,7 +18,7 @@
<span @click="groupShow"> <i class="nz-icon" :class="chartInfo.param.collapse ? 'nz-icon-arrow-down': 'nz-icon-arrow-right'"></i></span>
{{chartInfo.name}}
</div>
<div class="chart-header__tools">
<div class="chart-header__tools" v-if="chartInfo.type !== 'endpointInfo' && chartInfo.type !== 'assetInfo'">
<span v-if="chartInfo.remark" class="chart-header__tool">
<el-tooltip :content="chartInfo.remark" effect="light" placement="top">
<i class="nz-icon nz-icon-info-normal tool__icon"></i>