admin/sale
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复订单管理页面表格样式

Browse Source
This commit is contained in:
admin
2026-05-25 18:59:51 +08:00
parent 24a2647698
commit aaec31bf6f
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/admin/Orders.vue
+29
View File
@@ -92,6 +92,35 @@ onMounted(fetchOrders)
.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; }
: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 {
margin-top: 20px;
display: flex;