移动端与桌面端是两套独立的信息架构:手机端为拇指操作重新排布,桌面端用侧栏与多列承载更密集的信息。下面两扇门各自进入对应端。
单列信息流、底部 Tab、拇指热区下单。10 个核心页面,覆盖加载 / 空 / 失败 / 选中 / 禁用 / 提示六类状态。
常驻侧栏、三栏栅格、表格与悬浮预览。面向鼠标与键盘:hover 反馈、行选中联动右侧详情,不做手机界面的等比放大。
色板、字号层级、圆角分级、五级阴影、间距栅格、玻璃配方与全部组件状态集中在同一页。改 tokens.css 一处,全局生效。
20 个功能模块、订单状态机、资金与结算、风控与合规、排期与验收清单,共 2000+ 行,作为后续开发的唯一依据。
本原型为纯前端演示:数据来自 assets/js/store.js,接口层留有待接入位。