.el-table {
|
&::before {
|
content: none;
|
}
|
|
background: transparent !important;
|
|
// border: none;
|
|
.el-table__header-wrapper {
|
font-size: 14px;
|
|
tr {
|
height: 38px;
|
background: rgba(35, 53, 92, 0.8) !important;
|
box-sizing: border-box;
|
|
th {
|
background: transparent !important;
|
border-color: rgba(103, 135, 214, 1) !important;
|
|
.cell {
|
color: #AFBED8;
|
}
|
}
|
}
|
}
|
|
.el-table__body-wrapper {
|
font-size: 14px;
|
|
// table {
|
// border-collapse: separate !important;
|
// border-spacing: 0 0px !important;
|
// }
|
|
tr {
|
height: 38px;
|
background: rgba(36, 57, 110, 0.2);
|
box-sizing: border-box;
|
cursor: pointer;
|
|
&:hover {
|
td {
|
color: #44C1EF;
|
background: transparent !important;
|
}
|
}
|
|
td {
|
padding: 0;
|
height: 38px;
|
line-height: 38px;
|
color: #D4E8F8;
|
// border-top: 1px solid rgba(110, 135, 197, 0.32);
|
// border-bottom: 1px solid rgba(110, 135, 197, 0.32);
|
border-color: rgba(110, 135, 197, 0.32);
|
box-sizing: border-box;
|
}
|
|
td:first-child {
|
// border-left: 1px solid rgba(110, 135, 197, 0.32);
|
border-color: rgba(110, 135, 197, 0.32);
|
}
|
|
td:last-child {
|
// border-right: 1px solid rgba(110, 135, 197, 0.32);
|
|
border-color: rgba(110, 135, 197, 0.32);
|
}
|
}
|
}
|
|
.el-table__empty-block {
|
background: rgba(36, 57, 110, 0.2);
|
|
.el-table__empty-text {
|
color: #D4E8F8;
|
}
|
}
|
}
|
|
|
.el-table--border .el-table__inner-wrapper:after,
|
.el-table--border:after,
|
.el-table--border:before,
|
.el-table__inner-wrapper:before,
|
.el-table__border-bottom-patch,
|
.el-table__border-left-patch {
|
background: rgba(103, 135, 214, 1) !important;
|
}
|
|
|
.el-page {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
height: 40px;
|
line-height: 40px;
|
color: #D4E8F8;
|
|
.el-pagination {
|
.el-pagination__total {
|
color: #D4E8F8;
|
}
|
|
.btn-prev,
|
.btn-next {
|
color: rgba(216, 235, 238, 0.8) !important;
|
background: rgba(68, 193, 239, 0.1) !important;
|
}
|
|
.el-pager {
|
|
.btn-quickprev,
|
.btn-quicknext,
|
.number {
|
color: rgba(216, 235, 238, 0.8) !important;
|
background: rgba(68, 193, 239, 0.1);
|
}
|
|
.active {
|
color: #FFFFFF;
|
background: #44C1EF !important;
|
opacity: 0.8;
|
}
|
}
|
}
|
}
|
|
/* 在你的全局 CSS 文件中添加 */
|
.dark-dialog {
|
--el-dialog-bg-color: rgba(33, 26, 26, .9) !important;
|
--el-dialog-title-font-color: #E0E0E0 !important;
|
--el-text-color-primary: #E0E0E0 !important;
|
--el-border-color-light: #434343 !important;
|
background-color: var(--el-dialog-bg-color) !important;
|
}
|
|
.dark-dialog .el-dialog__title {
|
color: var(--el-dialog-title-font-color) !important;
|
}
|
|
.dark-dialog .el-dialog__body {
|
color: var(--el-text-color-primary) !important;
|
}
|
|
.dark-dialog .el-dialog__headerbtn .el-dialog__close {
|
color: var(--el-text-color-secondary) !important;
|
}
|
|
.dark-dialog .el-dialog__headerbtn:hover .el-dialog__close {
|
color: var(--el-color-primary) !important;
|
}
|
|
.el-notification.right {
|
--el-dialog-bg-color: rgba(33, 26, 26, .9) !important;
|
--el-dialog-title-font-color: #E0E0E0 !important;
|
--el-text-color-primary: #E0E0E0 !important;
|
--el-border-color-light: #434343 !important;
|
background-color: var(--el-dialog-bg-color) !important;
|
border: none !important;
|
|
.el-notification__group {
|
color: var(--el-dialog-title-font-color) !important;
|
|
.el-notification__content {
|
color: var(--el-dialog-title-font-color) !important;
|
}
|
}
|
}
|
