lunanting/qiangdanxitong
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复所有页面分页按钮数字在黑色背景下不可见的问题

Browse Source
This commit is contained in:
Your Name 2026-01-16 10:27:37 +08:00
parent e4ec8a9fc4
commit 66dac83e8c
2 changed files with 71 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/styles/index.scss
View File

@ -1059,7 +1059,7 @@ a.ant-btn-primary {
// ===== 全局 Ant Design 分页样式统一 =====
// 统一所有页面的分页组件样式（深色主题）
:deep(.ant-pagination) {
.ant-pagination {
.ant-pagination-item {
background: $bg-tertiary !important;
border-color: $border-primary !important;
@ -1166,7 +1166,7 @@ a.ant-btn-primary {
}
// 表格分页容器
:deep(.ant-table-pagination) {
.ant-table-pagination {
.ant-pagination {
.ant-pagination-item {
background: $bg-tertiary !important;

69
frontend/src/views/TaskHall.vue
View File

@ -6809,6 +6809,75 @@ onUnmounted(() => {
display: flex;
justify-content: center;
margin-top: $space-xl;
// 分页组件深度样式覆盖
:deep(.ant-pagination) {
.ant-pagination-item {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.15);
a {
color: $text-secondary;
}
&:hover {
border-color: $brand-primary;
a {
color: $brand-primary;
}
}
&.ant-pagination-item-active {
background: $brand-primary;
border-color: $brand-primary;
a {
color: #000;
}
}
}
.ant-pagination-prev,
.ant-pagination-next {
.ant-pagination-item-link {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.15);
color: $text-secondary;
}
&:hover .ant-pagination-item-link {
border-color: $brand-primary;
color: $brand-primary;
}
&.ant-pagination-disabled .ant-pagination-item-link {
color: $text-tertiary;
border-color: rgba(255, 255, 255, 0.1);
}
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
.ant-pagination-item-container {
.ant-pagination-item-ellipsis {
color: $text-tertiary;
}
.ant-pagination-item-link-icon {
color: $brand-primary;
}
}
}
.ant-pagination-options {
.ant-select-selector {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.15);
color: $text-secondary;
}
}
}
}
// 任务进度条