修复扣分明细弹窗表格样式,使用!important覆盖全局样式,确保与用户管理页面一致
This commit is contained in:
parent
7b02504005
commit
5bbabc01e9
@ -1873,36 +1873,52 @@ onMounted(() => {
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
// 表格样式 - 与用户管理页面严格一致
|
||||
// 表格样式 - 与用户管理页面严格一致(使用 !important 覆盖全局样式)
|
||||
:deep(.ant-table) {
|
||||
background: transparent;
|
||||
background: transparent !important;
|
||||
|
||||
.ant-table-container {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.ant-table-thead > tr > th {
|
||||
background: $bg-tertiary;
|
||||
color: $text-secondary;
|
||||
font-weight: $font-weight-semibold;
|
||||
border-bottom: 1px solid $border-color;
|
||||
padding: 12px 16px;
|
||||
background: $bg-tertiary !important;
|
||||
color: $text-secondary !important;
|
||||
font-weight: $font-weight-semibold !important;
|
||||
border-bottom: 1px solid $border-color !important;
|
||||
padding: 12px 16px !important;
|
||||
border-top: none !important;
|
||||
border-left: none !important;
|
||||
border-right: none !important;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-table-tbody > tr {
|
||||
background: transparent;
|
||||
background: transparent !important;
|
||||
|
||||
&:hover > td {
|
||||
background: rgba($brand-primary, 0.03);
|
||||
background: rgba($brand-primary, 0.03) !important;
|
||||
}
|
||||
|
||||
> td {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid $border-color;
|
||||
padding: 16px;
|
||||
color: $text-primary;
|
||||
background: transparent !important;
|
||||
border-bottom: 1px solid $border-color !important;
|
||||
padding: 16px !important;
|
||||
color: $text-primary !important;
|
||||
border-left: none !important;
|
||||
border-right: none !important;
|
||||
border-top: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// 移除所有其他边框
|
||||
.ant-table-cell {
|
||||
border-left: none !important;
|
||||
border-right: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user