SOURCEWeb · 评估服务并准备预约的消费者

店铺详情

店铺信任、服务菜单和下一步预约

/shop/:publishHashpublic-booking-platform
/shop/:publishHash
CURRENT UI1440 × 900FIT 100%
Matrix Order
世田谷 · 上门服务

CareDoor 居家照护

照护员上门,支持陪诊、康复、助浴与日常照护。

★ 4.9128 条评价本人确认服务
可预约服务
陪同就医与取药专业照护员 · 含服务记录
60 分钟¥6,800
居家康复训练专业照护员 · 含服务记录
45 分钟¥5,500
上门助浴照护专业照护员 · 含服务记录
90 分钟¥9,800
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK选择项目主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTStorefrontready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINESOURCE · 2026-07-15桌面/移动、浅色/错误态按稳定 Screen ID 留档

STATE LAB

同一页面的五个真实运行状态

开发者不能只交付 happy path。状态文案、可恢复动作、敏感数据边界和埋点都必须在同一个 Screen ID 下验收。

LOADING
读取中

保留页面骨架与任务上下文,不闪回空白页。

允许取消 / 返回
READY
已发布

已绑定 Storefront,主操作可用。

选择项目
EMPTY
当前没有结果

解释为什么没有店铺头图,并给出下一步。

查看图片
ERROR
已下线

显示稳定错误码和 request_id,不泄露堆栈或隐私。

重试 / 联系 owner
FORBIDDEN
权限不足

服务端拒绝后收起写操作;不能只靠前端隐藏。

返回安全页面
01 · SCREENbooking-store/shop/:publishHash
02 · CONTRACTStorefront3 bound contracts
03 · TESTstate + a11y + visualdesktop / mobile / negative
04 · RELEASEexact commit requiredsmoke + rollback evidence

IMPLEMENTATION MAP

从当前页面拆出来的开发定义

这是结构与状态定义,不是重新发明一套视觉。视觉细化必须继续引用同一证据并通过 owner 评审。

01

页面区域

  • 共享客户导航
  • 店铺信息
  • 服务菜单
  • 画廊
  • 固定预约 CTA
02

用户动作

  • 选择项目
  • 查看图片
  • 开始预约
  • 返回发现
03

必须状态

  • 加载
  • 已发布
  • 私有链接
  • 已下线
04

数据契约

  • Storefront
  • Service catalog
  • Brand assets

CURRENT MODULES

现有页面可见模块

  1. 01店铺头图
  2. 02信任信息
  3. 03服务项目
  4. 04媒体画廊

PRODUCT ROUTE INDEX

预约平台 的 9 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言,但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

01
发现好店/
Web
02
店铺详情/shop/:publishHash
Web
03
三步预约/t/:publishHash
Web
04
订单与预约状态/booking-status
Web
05
商家工作台/console?t=:hash
Admin
06
移动发现入口/mini
Miniapp
07
官方介绍页/official
Web
08
安全与隐私/security
Web
09
商家登录/console?t=:hash
Admin