Files
lingniu-vehicle-ingest/vehicle-data-platform/design-qa.md

3.6 KiB
Raw Blame History

单车详情移动端 Semi UI Design QA

  • source visual truth: 生产版本 f59148e2/vehicles/LB9A32A26R0LS1489
  • source screenshots:
    • directory desktop: /tmp/semi-goal-audit-20260719-next/01-vehicle-directory-desktop.png
    • detail desktop: /tmp/semi-goal-audit-20260719-next/02-vehicle-detail-desktop.png
    • detail mobile: /tmp/semi-goal-audit-20260719-next/03-vehicle-detail-mobile.png
  • implementation screenshots:
    • detail mobile: /tmp/semi-goal-audit-20260719-next/04-vehicle-detail-mobile-after.png
    • detail desktop: /tmp/semi-goal-audit-20260719-next/05-vehicle-detail-desktop-after.png
  • comparison evidence:
    • mobile before/after: /tmp/semi-goal-audit-20260719-next/vehicle-detail-mobile-comparison.png
  • viewport and state:
    • desktop 1440 × 900
    • mobile 390 × 844
    • 使用管理员生产数据与同一辆车 粤AGP3506

Fidelity Ledger

Surface Required fidelity Implementation evidence Result
Vehicle identity 车牌、在线状态、VIN、品牌车型和三类协议来源必须完整。 保留原任务栏结构;车型允许两行且提供完整 title,协议标签保持 Semi Tag 色彩语义。 Improved.
Live evidence 速度、SOC、总里程和当日里程不能被截断或隐藏。 修正移动端带上下文指标轨道的网格优先级;四项指标获得完整宽度,实测全部 clipped=false Fixed.
First viewport 首屏必须尽快进入地图,不能被重复卡片和过高操作区占满。 身份、动作、位置、来源入口和章节导航收敛;地图顶部由 652px 提前至 569px Improved.
Location workflow 当前坐标、按需地址解析和车辆实时跟随必须保留。 坐标与解析按钮合并成一行;未增加自动逆地理编码,地图和实时轮询逻辑未改。 Preserved.
Source evidence 总里程、当日里程和“查看全部来源”仍需打开同一证据面板。 实测总里程按钮打开 Semi Bottom SideSheet日期和来源证据可见关闭后恢复页面。 Passed.
Section navigation 实时位置、最近事件、实时遥测和车辆主档必须可达。 四个 Semi Button 保留可访问名称;点击实时位置后目标区域获得焦点。 Passed.
Desktop stability 移动端收敛不能造成桌面布局回退。 1440 × 900 桌面截图保持原信息结构,横向溢出 0px Preserved.
Asset fidelity 品牌、地图和图标不得由临时资产代替。 继续使用生产 Logo、高德地图、Semi Icon、Card、Button、Tag 与 SideSheet。 Preserved.

Interaction And Accessibility Checks

  • 页面根节点保留“车牌 + 车辆档案”的可访问标签;
  • 总里程和当日里程继续以有名称的按钮进入来源证据;
  • 来源证据 SideSheet 可打开、读取并通过“关闭来源证据”退出;
  • 章节导航点击后执行平滑滚动并将焦点交给目标区域;
  • 390px1440px 视口横向溢出均为 0px
  • 生产数据下总里程、当日里程、速度和 SOC 均无视觉裁切;
  • 控制台未发现本次改动产生的运行时异常。

Comparison History

Pass 1 — fixed

  • 原移动端指标轨道仍被通用 has-context 网格分成两列,隐藏的来源上下文占用一半宽度,导致总里程显示为 80,27…
  • 当前修复将四项实时指标恢复到完整宽度的 2 × 2 网格,并压缩重复的纵向间距。
  • 同视口并排对比确认地图在首屏获得约 83px 的额外可见空间,车型和里程信息完整。
  • 未发现 P0、P1 或 P2 视觉与交互问题。

final result: passed