fix: 移除表格边框线,改用斑马纹;星星评分改为白色

This commit is contained in:
Your Name 2026-01-08 13:09:37 +08:00
parent 81cb6b3eed
commit 60b68e0490

View File

@ -1382,9 +1382,9 @@ onMounted(() => {
background: transparent !important;
.ant-table-thead > tr > th {
background: rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
color: rgba(255, 255, 255, 0.65) !important;
background: rgba(0, 0, 0, 0.3) !important;
border-bottom: none !important;
color: rgba(255, 255, 255, 0.5) !important;
font-weight: 500;
padding: 14px 16px;
}
@ -1394,14 +1394,31 @@ onMounted(() => {
> td {
background: transparent !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
border-bottom: none !important;
padding: 14px 16px;
color: rgba(255, 255, 255, 0.85);
transition: none !important;
}
// 斑马纹效果替代边框线
&:nth-child(even) > td {
background: rgba(255, 255, 255, 0.02) !important;
}
&:hover > td {
background: rgba(49, 240, 139, 0.05) !important;
background: rgba(49, 240, 139, 0.08) !important;
}
}
// 星星评分白色
.ant-rate {
.ant-rate-star {
color: rgba(255, 255, 255, 0.15) !important;
&.ant-rate-star-full .ant-rate-star-second,
&.ant-rate-star-half .ant-rate-star-first {
color: #ffffff !important;
}
}
}