diff --git a/.workbuddy/memory/2026-08-06.md b/.workbuddy/memory/2026-08-06.md index dfdc49a..693591d 100644 --- a/.workbuddy/memory/2026-08-06.md +++ b/.workbuddy/memory/2026-08-06.md @@ -1,5 +1,11 @@ # 2026-08-06 工作日志 +## 全站表格操作列文字链接统一为蓝色 +- 需求:客户档案页(/vehicle/customer-archive)操作列颜色统一蓝色,且全站统一风格。 +- 实现:在 `src/styles/element-ui.scss` 新增全局规则,覆盖 Avue `#menu` 槽位(`.avue-crud__menu .el-link`)与手写表格操作列(`.el-table .el-table__body .cell:has(.el-link) .el-link`)中所有 `el-link` 的 `--el-link-text-color` / hover / active / disabled 变量为主色 `#409eff` 及其浅/深色,从而把 warning/success/danger 等类型强制转蓝。 +- 单点生效,无需逐页改 `type`。dev server(2888) 已运行会热更新。 +- 注意:选择器以「表格体内含 el-link 的单元格」为目标,本仓库表格内 el-link 仅用于操作列,无副作用;若未来某数据单元格用 el-link 作强调色需另行排除。 + ## 运输计划调度弹窗 UX 分析 - 完成 `/business/transport-plan` 调度弹窗的 UX 审查,对比 project-apply 页面风格 - 输出 6 项改进方案(P0-P5),核心问题为缺少灰底(#f5f6fa)+白卡(section-card)分组设计模式 diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss index 7a42137..c4ddcde 100644 --- a/src/styles/element-ui.scss +++ b/src/styles/element-ui.scss @@ -570,8 +570,9 @@ // 全站统一:表格操作列文字链接统一为主色(蓝色) // 覆盖 Avue #menu 槽位与手写表格操作列中 el-link 的 warning / success / danger 等类型, // 同时统一 hover / active / disabled 态,保证全站操作列风格一致。 +// 选择器同时覆盖 Avue 行菜单(.avue-crud__menu)与任意含 el-link 的表格体单元格(手写操作列)。 .avue-crud__menu .el-link, -.el-table .el-table__body .cell:not(.avue-crud__menu):has(> .el-link) .el-link { +.el-table .el-table__body .cell:has(.el-link) .el-link { --el-link-text-color: var(--el-color-primary); --el-link-hover-text-color: var(--el-color-primary-light-3); --el-link-active-text-color: var(--el-color-primary-dark-2);