SOURCEWeb · 已授权的目标用户

官方介绍页

平台能力、商家价值与加入入口

/officialpublic-booking-platform
/official
CURRENT UI1440 × 900FIT 100%
Matrix Order
LOCAL SERVICE INFRASTRUCTURE

让每一家本地服务
都能被发现、预约和信任

从 50 个服务类目到商家排班、容量、预约状态与运营证据。

01发现与搜索

服务端真值、明确状态、移动端优先。

02店铺与服务

服务端真值、明确状态、移动端优先。

03容量与排班

服务端真值、明确状态、移动端优先。

04预约与状态

服务端真值、明确状态、移动端优先。

REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK筛选/搜索主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTPublic contentready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINESOURCE · 2026-07-15桌面/移动、浅色/错误态按稳定 Screen ID 留档

STATE LAB

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

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

LOADING
读取中

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

允许取消 / 返回
READY
正常

已绑定 Public content,主操作可用。

筛选/搜索
EMPTY
当前没有结果

解释为什么没有品牌 Hero,并给出下一步。

打开详情
ERROR
部分失败

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

重试 / 联系 owner
FORBIDDEN
权限不足

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

返回安全页面
01 · SCREENbooking-official/official
02 · CONTRACTPublic content3 bound contracts
03 · TESTstate + a11y + visualdesktop / mobile / negative
04 · RELEASEexact commit requiredsmoke + rollback evidence

IMPLEMENTATION MAP

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

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

01

页面区域

  • 页面上下文与导航
  • 品牌 Hero
  • 能力说明
  • 行业方案
  • 可信指标
  • 商家 CTA
  • 状态与操作反馈
02

用户动作

  • 筛选/搜索
  • 打开详情
  • 执行主操作
  • 查看证据
03

必须状态

  • 加载中
  • 正常
  • 空状态
  • 部分失败
  • 无权限
04

数据契约

  • Public content
  • Merchant onboarding
  • Brand assets

CURRENT MODULES

现有页面可见模块

  1. 01品牌 Hero
  2. 02能力说明
  3. 03行业方案
  4. 04可信指标
  5. 05商家 CTA

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