[update]表格适配暗黑模式
This commit is contained in:
@@ -302,7 +302,7 @@ onBeforeUnmount(() => {
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.annual-report {
|
.annual-report {
|
||||||
padding: 22px;
|
padding: 22px;
|
||||||
color: #333;
|
color: var(--el-text-color-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.report-heading {
|
.report-heading {
|
||||||
@@ -330,7 +330,7 @@ onBeforeUnmount(() => {
|
|||||||
.report-table-wrap {
|
.report-table-wrap {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
background: #fff;
|
background: var(--el-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.report-table {
|
.report-table {
|
||||||
@@ -344,14 +344,16 @@ onBeforeUnmount(() => {
|
|||||||
td {
|
td {
|
||||||
height: 39px;
|
height: 39px;
|
||||||
padding: 5px 7px;
|
padding: 5px 7px;
|
||||||
border: 1px solid #dedede;
|
border: 1px solid var(--el-border-color);
|
||||||
|
background: var(--el-bg-color);
|
||||||
|
color: var(--el-text-color-primary);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
thead th {
|
thead th {
|
||||||
background: #f7f7f7;
|
background: var(--el-fill-color-light);
|
||||||
color: #555;
|
color: var(--el-text-color-regular);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -360,7 +362,7 @@ onBeforeUnmount(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
tbody th {
|
tbody th {
|
||||||
background: #fafafa;
|
background: var(--el-fill-color-lighter);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
@@ -370,20 +372,22 @@ onBeforeUnmount(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.year-total {
|
.year-total {
|
||||||
background: #fafafa;
|
background: var(--el-fill-color-lighter);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-card {
|
.chart-card {
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
border: 1px solid #dedede;
|
border: 1px solid var(--el-border-color);
|
||||||
background: #fff;
|
background: var(--el-bg-color);
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 12px 16px;
|
padding: 12px 16px;
|
||||||
border-bottom: 1px solid #e5e5e5;
|
border-bottom: 1px solid var(--el-border-color);
|
||||||
|
background: var(--el-fill-color-light);
|
||||||
|
color: var(--el-text-color-primary);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user