轻巧的配肉台 · 详情页局部试验
日期:2026-09-23。沿用 provisional 的清爽与责任方向,不发布 Foundation 或正式 token。
反馈与设计取舍
用户实际体验:首屏看不到份数;Meat ID 的中部大卡像购买前置任务;规格虽清楚,却让操作距离和视觉重量过大。用户认可“轻巧的配肉台”方向后实施。
分类:详情页局部编排,不改变全局内核。对应方向记录第1–4条:选择给依据、一页一个首要任务、明确动作、保留用户自主。改变边为 Product 展示转换、局部 CSS、构建入口、截图与验证;其他业务源码不改。
食材小图与名称价格并列,来源与检验入口紧随其下。不把证明藏在折叠说明中,也不再铺成大卡。选择区域保持“克重→做法→切法→份数”,每组保留轻提示。选项底板比触控区更轻小,44px触控目标不缩减。切法去掉重复示意图,改为文字选择;详细切片尺寸仍不作虚假承诺。
拒绝方案:把所有控件等比缩小;以新弹窗承载必要规格;继续用大图和证明卡让数量被挤下去。代价是详情页照片的情绪表达减弱,由首页承担;详情专注把这一份选好。
证据与边界
verify-counter.mjs 在393×659、393×715、393×852、320×568验证规格、做法联动、自行改切法、份数、价格、肉篮数据和来源往返。393三个视口常规梅花肉页数量区域底边569px,均在购买底栏上方。控件目标至少44px。320×568允许自然滚动,不作首屏完整承诺。
800g × 2份的梅花肉价格为¥95.36,切法与数量正确进入原版肉篮。原生来源页与模拟资料声明保留;不是实际检疫合格证。来源往返检查克重保留,不宣称所有临时状态保留:原版数量/做法的局部状态在路由卸载后会重置,需后续单独处理。
额外遍历8种商品×393/320两种宽度,检查布局与键盘选择。首次发现牛里脊五种切法换行,调整选项宽度后重跑通过;393×659下8款商品常规详情均可看全份数。全套26路由、8条路径回归通过,未捕获脚本异常。检查仍以本机Chromium为限。
证据:四视口与商品检查、393×715截图、全路径回归、异常恢复、布局压力检查。测试结果以JSON实际记录为准;测试脚本不代替真实触感与审美反馈。
上游93个文件仍与35c0d16一致。无生产支付、服务发布、Git提交或推送。整套之前的两项计划语义分歧和真机、读屏、大字体债务不因本轮关闭。菜谱来源附加说明、小屏或放大文字可能需要滚动,不能强制固定高度裁切内容。
责任:主设计会话继续接收体验反馈、补足状态保留和真机验证;当前关闭实现与本地验证,用户审美反馈仍开放。撤回可移除 Product 展示转换及 Study 11 局部样式后重建,4300原版随时可对照,不清空本机演示数据。