docs(plans): 下发 K23.1 后台修正任务
This commit is contained in:
1 parent
477014f64b
commit
b8676d0731
1 file changed
+66
@@ -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 及交互」。
|
||||
|
||||
Reference in new issue
Block a user