From b8676d07311fdff5658348833af65848a66e3a9c Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Mon, 19 Oct 2026 12:24:49 +0800 Subject: [PATCH] =?UTF-8?q?docs(plans):=20=E4=B8=8B=E5=8F=91=20K23.1=20?= =?UTF-8?q?=E5=90=8E=E5=8F=B0=E4=BF=AE=E6=AD=A3=E4=BB=BB=E5=8A=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/plans/INBOX.md | 66 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) diff --git a/docs/plans/INBOX.md b/docs/plans/INBOX.md index 2a238ff..4838f30 100644 --- a/docs/plans/INBOX.md +++ b/docs/plans/INBOX.md @@ -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 及交互」。