1.7 KiB
1.7 KiB
2026-10-19 K23 后台视觉深化
基线
- ReelShortWeb
develop:3e8312e - FruitServer
develop:9c96e18 - 只改后台视觉/交互与菜单图标种子,不改接口契约、权限和业务流程。
主色
- Element Plus 主色改为辣椒红
#c4322a,同步 light-3/5/7/8/9 与 dark-2。 - 清理后台源码中的默认 Element 蓝与蓝色透明背景。
- 验证按钮、开关、链接、选中菜单、标签页和焦点环对比度。
菜单
- 一级菜单保留 Material Symbols Rounded 图标;所有二级菜单图标置空。
- 开发库幂等执行后通过
/admin/auth/menus检查一级图标存在、二级 icon 为空。 - 菜单管理只允许目录菜单选择图标,保存子菜单时强制清空。
- 一级菜单行高 44,二级菜单行高 40;父子文字统一落在 42px 基线。
- 二级菜单不渲染图标、不保留图标空位,折叠态和 popper 同样只显示文字。
短剧编辑弹窗
- 680px 三区块表单:基础信息、付费设置、封面。
- 表单增加 model/rules,数字输入固定 180px 且控件在右。
- 封面改为预览卡:basename、状态、更换/移除、类型/大小校验、进度与失败提示、查看原图。
- 保存按钮防重复,保存中与上传中禁止关闭。
锁屏弹窗
- 440px 紧凑弹窗,移除全屏入口。
- 重做标题、说明、内容和底部按钮。
- 支持回车锁定,删除调试日志。
门禁
- 图标名逐个对照
node_modules/@iconify/json/json/material-symbols.json。 pnpm lint:eslint零错误。pnpm build:pro通过。- 浏览器自查登录页、工作台、短剧管理、锁屏;1024/375、明暗主题、控制台 0 error、0 404。