鼎味肉市DESIGN ATELIER
← 资料目录docs/design/prototypes/admin-console/VISUAL-REVISION-20260929.md阅读原文

2026-09-29 后台视觉纠偏

用户要求与原因

用户指出先锋 UI 风格丢失,要求先跟随原型包。上一版仅沿用导航组件和素材,封闭台账、全宽行线、浅色概览和紧凑小字削弱了原型包的主要视觉语言。引用源文件不能等同于继承设计。

本次落点

改动覆盖共享呈现层和台账标记;82项业务工作区仍由同一目录驱动。业务模型、206动作和用户故事没有重写。没有锁定REQ或发布Foundation。

对照与证据边界

实际浏览器对照导入包 dashboard 与旧版概览;查看新版概览、订单、每日确认、切配、订单详情及处理表单和390px订单页。财务分录截图留存供复阅。截图在 proof/visual-20260929,输入指纹见 inputs.json。

这是一轮视觉修正和代表页面目视检查;未运行新的自动化测试,不将09-28的984条业务测试或246项布局结果移植为本版本通过结论。全量交互回归、全部页面极值布局和无障碍核验仍待后续执行。

选择与回退

采用源包构图与鼎味暖色派生,保持品牌连续性。源包绿色整套照搬会偏离本轮主色;只增加波谱则不能修复台账与表单的风格断裂,因此此次同时修正共享组件。此方案保留原版资产且不更改业务存储格式。

Owner:主会话维护原型与设计依据;视觉接受由用户评阅。当前尚未得到用户对本次方向的确认。回退可移除 workbench.css 中2026-09-29段、撤销 app.js 的波谱及行序/金额呈现标记并重建预览清单;业务记录无迁移要求。原来的 site/ 也保留未改。

同日追加:导航层次与更大波谱

按用户追加反馈,左侧加入编号分组、组间短分隔、模块缩进与纵向引导线;当前模块以暖砖色面、加重标题和浅色定位条突出,功能数量降为辅助标签。首页波谱从540px放大到960px,透明度由0.48提高至0.85;窄屏对应700px和0.62,保留裁切和文字侧渐隐。仅调整呈现,没有新增业务行为。

浏览器目视查看1440px概览和订单选中态,截图与输入指纹位于 proof/visual-20260929/navigation-refinement/。未运行自动化测试。

同日追加:分组折叠与标题字号

一级分组改为原生 details/summary,可点击或用键盘展开、收起,箭头跟随状态。一级标题与二级入口均为14px,一级加重;适配窄侧栏时也保持此字号关系。当前会话内切换页面保留各组开合状态,进入某模块时自动展开其所属组。刷新后默认全部展开。

实际浏览器打开订单页并收起商品、客户分组,目视确认层级及折叠呈现;截图和本次指纹位于 proof/visual-20260929/navigation-collapse/。未运行自动化测试。