fix: 修复订单管理页面表格样式
This commit is contained in:
@@ -92,6 +92,35 @@ onMounted(fetchOrders)
|
|||||||
.page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
|
.page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
|
||||||
.table-card { background: #2d2d44; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 20px; }
|
.table-card { background: #2d2d44; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 20px; }
|
||||||
|
|
||||||
|
:deep(.el-table) {
|
||||||
|
--el-table-bg-color: transparent;
|
||||||
|
--el-table-tr-bg-color: transparent;
|
||||||
|
--el-table-header-bg-color: rgba(255, 255, 255, 0.03);
|
||||||
|
--el-table-row-hover-bg-color: rgba(255, 255, 255, 0.06);
|
||||||
|
--el-table-border-color: rgba(255, 255, 255, 0.06);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-table th) {
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-table td) {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
|
||||||
|
background: rgba(255, 255, 255, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-tag) {
|
||||||
|
background: rgba(78, 110, 242, 0.15);
|
||||||
|
color: #4e6ef2;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
.pagination-wrap {
|
.pagination-wrap {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user