docs(plans): 下发 K23.1 后台修正任务

This commit is contained in:
Zhou Weidong authored and trae-solo-agent committed 2026-10-19 12:24:49 +08:00
1 parent 477014f64b
commit b8676d0731
1 file changed
+66
+66
View File
@@ -20,6 +20,72 @@
---
## [待处理] 2026-10-19 | K23.1 后台修正:品牌文字、删除按钮红色、布局回归
**用户反馈(2026-10-19,附截图)**:
1. 「图片的文字没有改过来」——浅色侧边栏里 `FruitShorts` 仍是蓝色,应改为正常深色品牌字;
2. 「删除按钮统一用红色背景」——当前多处删除仍是文字/次要样式;
3. 「有的布局乱了」——K23 后菜单、弹窗或顶栏存在对齐/溢出问题。
> 只改 `ReelShortWeb` 视觉/交互;不改接口、后端业务、客户端、main。
### 一、品牌文字颜色
- `src/store/modules/app.ts`:
- `setMenuTheme` 浅色分支 `logoTitleTextColor: 'inherit'` → `'#303133'`(或 `var(--el-text-color-primary)`);
- `setHeaderTheme` 浅色分支 `topHeaderTextColor: 'inherit'` → `'#303133'`;
- 深色分支保持 `#fff`。
- 检查 `Logo.vue`、`ToolHeader.vue`、`Breadcrumb.vue`,确保浅色菜单/顶栏不再出现蓝色品牌字或蓝色继承文字。
- 登录页品牌色保持现状。
### 二、删除按钮统一红色背景
1. 全仓扫描所有「删除 / 移除 / 删除菜单」按钮,统一为 `type="danger"` 实心红底、白字,
表格内 `size="small"`;禁止 `link`、`plain`、`text`、`class="danger-action"` 的浅色文字样式。
2. 至少覆盖:
- `views/contentManagement/DramaManagementView.vue`
- `views/contentManagement/EpisodeManagementView.vue`
- `views/contentManagement/BannerManagementView.vue`
- `views/contentManagement/CategoryManagementView.vue`
- `views/operation/NoticeManagementView.vue`
- `views/commerce/ProductManagementView.vue`
- `views/governance/ContentGovernanceView.vue`(评论删除、敏感词删除)
- `views/userManagement/AdminUsersView.vue`
- `views/permission/RoleManagementView.vue`(当前 `link`)
- `views/permission/RoleCategoriesView.vue`(补 `size="small"`)
- `views/permission/MenuManagementView.vue`(当前 `plain`)
- `views/creator-center/DramaEditView.vue` 与 `views/creator-center/WorkspaceView.vue` 的删除/下线
- `views/commerce/OrderManagementView.vue`、`views/creator/CreatorAuditView.vue` 的
`danger-action` 危险操作(退款/回收/冻结等)统一实心红底白字。
3. 删除确认弹窗的确认按钮也改为红色背景(`confirmButtonClass: 'el-button--danger'` 并确认样式生效)。
4. 调整操作列宽度,确保红底按钮不换行、不挤出单元格;同一列按钮高度一致。
### 三、布局回归修正
逐项用浏览器检查并修复:
1. 浅色/深色侧边栏:品牌图与文字垂直居中,品牌字不换行、不溢出;折叠/展开正常。
2. 菜单展开:一级与二级文字左边缘对齐(42px 基线),行高 44/40,无重叠/多余空白;popper 同样。
3. 短剧编辑弹窗:680px 与 375px 宽度下无横向滚动;封面预览/文件名/操作按钮不挤压;
数字输入两列对齐;底部“取消/保存修改”固定可见。
4. 锁定屏幕弹窗:440px 下标题/说明/表单/底部按钮不裁切,取消与锁定按钮高度一致。
5. 表格页:红色删除按钮加入后,操作列不换行、不出现横向溢出;1024 与 375 宽度验证。
6. 顶栏/标签页/面包屑:图标与文字基线一致,无错位。
### 四、验收与门禁
- `pnpm lint:eslint` 零错误;`pnpm build:pro` 通过。
- 浏览器自查:1440×900、1024×768、375×812;浅色/深色;登录页、工作台、短剧管理编辑弹窗、
锁定屏幕、菜单展开;控制台 0 error、0 404;`scrollWidth <= clientWidth`。
- 回执附:品牌色改动、删除按钮清单、布局修复项、门禁原始输出、浏览器自查结论。
### 五、Git
- 从干净 `develop`(基线 `fe1ae95`)拉 `feature/web-k23-fixes`,小步提交,
`--no-ff` 合并回 develop 并 push;作者 `Zhou Weidong <502333560@qq.com>`。
- 计划文档 `FruitServer/docs/plans/2026-10-19-K23.1.md`;留痕写 `PROGRESS.md`。
- 用户负责最终验证;本批不再扩大范围。
---
## [已处理·待用户验收] 2026-10-19 | K23 后台视觉深化:主色、菜单、编辑弹窗与锁屏
**用户指令(2026-10-19,附三张截图)**:「现在着重优化 UI 及交互」。