fix(styles): 统一全站 el-table 表头文字颜色,修复 project-apply 表头色差问题

- 解决 project-apply 页面表头颜色在不同电脑显示不一致的问题
- 在 element-ui.scss 中新增高优先级规则,统一 el-table 表头文字颜色为 #374151
- 清理 project-apply.vue 中与全局样式冲突且无效的局部表头样式,保留字体加粗样式
- 修改选择器为 :deep(.el-table__header th .cell),确保样式生效且不影响背景色
This commit is contained in:
2026-08-26 17:53:44 +08:00
parent c3f05a342e
commit ae45e88df9
3 changed files with 32 additions and 6 deletions
+5
View File
@@ -651,6 +651,11 @@
background-color: #fafafa !important;
}
// 统一全站 el-table 表头文字颜色,避免不同主题/浏览器下颜色不一致(#909399 vs #374151
.el-table .el-table__header-wrapper th.el-table__cell .cell {
color: #374151;
}
// 全站统一:表格列内容(表头 + 单元格)居中展示
.el-table th.el-table__cell .cell,
.el-table td.el-table__cell .cell {
+2 -6
View File
@@ -2155,9 +2155,7 @@ export default {
padding: 12px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
:deep(.el-table__header th) {
background: #f5f7fa;
color: #303133;
:deep(.el-table__header th .cell) {
font-weight: 600;
}
@@ -2201,9 +2199,7 @@ export default {
width: 100%;
margin-bottom: 12px;
:deep(.el-table__header th) {
background: #f5f7fa;
color: #303133;
:deep(.el-table__header th .cell) {
font-weight: 600;
}