docs(plans): 记录 K23 后台视觉深化回执
This commit is contained in:
1 parent
b400e36d8f
commit
0ee3e4759e
3 files changed
+115
-5
No files matched your search
@@ -4648,3 +4648,112 @@ e5c5101 chore(web): 合并 K22.1 后台收尾
|
||||
|
||||
功能提交与合并提交 author/committer 均为
|
||||
`Zhou Weidong <502333560@qq.com>`。
|
||||
|
||||
## K23 后台视觉深化
|
||||
|
||||
### 主色
|
||||
|
||||
```text
|
||||
--el-color-primary: #c4322a
|
||||
--el-color-primary-light-3: #d3615b
|
||||
--el-color-primary-light-5: #e19995
|
||||
--el-color-primary-light-7: #f0c2c0
|
||||
--el-color-primary-light-8: #f5d9d8
|
||||
--el-color-primary-light-9: #faeeed
|
||||
--el-color-primary-dark-2: #9d2822
|
||||
```
|
||||
|
||||
旧用户持久化的 `#409eff` 在 store 恢复时迁移为 `#c4322a`。默认蓝扫描:
|
||||
|
||||
```text
|
||||
$ rg '#409eff|#79bbff|#a0cfff|#c6e2ff|#d9ecff|#ecf5ff|#337ecc|rgba?\(64[ ,]+158[ ,]+255' src
|
||||
(无输出)
|
||||
```
|
||||
|
||||
### 二级菜单图标为空
|
||||
|
||||
`data.sql` 与 `data-phase1.sql` 均加入:
|
||||
|
||||
```sql
|
||||
UPDATE sys_menu SET icon = '' WHERE type = 'MENU';
|
||||
```
|
||||
|
||||
```text
|
||||
type | total | empty_icon | with_icon
|
||||
---------+-------+------------+-----------
|
||||
CATALOG | 10 | 0 | 10
|
||||
MENU | 23 | 23 | 0
|
||||
|
||||
parents=9 parentMissingIcon=0
|
||||
children=19 childWithIcon=0
|
||||
```
|
||||
|
||||
菜单管理仅在 `type='CATALOG'` 时显示图标选择,保存 MENU 时强制 icon 为空。
|
||||
渲染层对嵌套项强制不输出 AppIcon,历史脏值也不保留图标空位。
|
||||
|
||||
### 对齐实测
|
||||
|
||||
```text
|
||||
1024px: parent text left=42px, row=44px; child text left=42px, row=40px, icon=0
|
||||
375px: parent text left=42px, row=44px; child text left=42px, row=40px, icon=0
|
||||
popper: child row=40px, icon=0
|
||||
```
|
||||
|
||||
浅色选中为浅主色底 + 主色文字;暗色选中为深主色底 + 白字,
|
||||
暗色实测对比度 8.73:1。
|
||||
|
||||
### 短剧编辑弹窗
|
||||
|
||||
- 宽 680px,三区块,内容滚动、底部固定;375px 下宽 345px 且无横向溢出。
|
||||
- 数字输入固定 180px,控件位于右侧;1024/375 实测均为 180px。
|
||||
- 封面 96×128 预览、basename、状态 chip、更换/移除、查看原图、进度遮罩和错误提示。
|
||||
- 删除原始 URL 输入框。
|
||||
- txt 实测提示“封面仅支持 JPG、PNG 或 WebP 格式”;限制 5MB。
|
||||
- 空名称保存显示字段错误“请输入短剧名称”;类型必选。
|
||||
- 保存/上传中按钮禁用,关闭被拦截。
|
||||
|
||||
### 锁屏弹窗
|
||||
|
||||
- 宽 440px,高度 360px;375px 下宽 359px。
|
||||
- 头部底边线 0px,关闭图标距右边缘 22px。
|
||||
- 增加“输入密码解锁当前会话”;密码框回车可锁定,取消可关闭。
|
||||
- 取消/锁定按钮均为 96×36px。
|
||||
- 删除 `console.log('set: ', val)`。
|
||||
|
||||
### 门禁
|
||||
|
||||
```text
|
||||
$ pnpm lint:eslint
|
||||
> eslint --fix --ext .js,.ts,.vue ./src
|
||||
|
||||
$ pnpm build:pro
|
||||
[warn] Circular chunk: element-plus -> vue-chunks -> element-plus.
|
||||
Build successful. Please see dist-pro directory
|
||||
```
|
||||
|
||||
浏览器自查:1024/375、明暗主题通过;控制台 error 0;无资源 404。
|
||||
|
||||
### 提交
|
||||
|
||||
```text
|
||||
5356f24 docs(plans): 增加 K23 后台视觉深化计划
|
||||
91bbfd5 docs(plans): 更正 K23 子菜单图标口径
|
||||
ba90bf9 style(web): 统一辣椒红主色与菜单层级
|
||||
805d7dd feat(web): 重做短剧编辑弹窗
|
||||
898e439 fix(web): 优化锁屏弹窗布局与交互
|
||||
ee3bb1c chore(web): 合并 K23 后台视觉深化
|
||||
b400e36 fix(sql): 清空二级菜单图标
|
||||
```
|
||||
|
||||
功能提交与合并提交 author/committer 均为
|
||||
`Zhou Weidong <502333560@qq.com>`。
|
||||
|
||||
### 用户浏览器验收
|
||||
|
||||
1. 登录后检查按钮、链接、焦点环、标签和选中菜单:均应为辣椒红,无 Element 蓝。
|
||||
2. 展开内容管理/后台管理:一级项有图标,二级项只有文字,父子文字左边缘同线。
|
||||
3. 收起侧栏打开 popper:二级项无图标、行高 40px。
|
||||
4. 编辑短剧:检查三区块、固定数字框、封面预览与“查看原图”,不再出现原始 URL 输入。
|
||||
5. 上传非法格式或超过 5MB 图片:弹窗内显示错误且原图不变。
|
||||
6. 打开锁屏:标题/说明清晰,可取消,回车可锁定。
|
||||
7. 切换明暗主题并缩至 375px:布局不溢出,暗色选中态白字清晰。
|
||||
Reference in new issue
Block a user