# Citywalk 逐图路由索引

AI 生图设计参考，非产品截图或投产资产。原生输出尺寸按实际记录；文件名分辨率来自输入。文字、品牌、二维码、地图几何与业务字段以原始资产和代码为准。

| 编号 / 状态 | 页面与交互 | 路由 / 参数 | 设计稿 | 实际尺寸 | 复用依据 |
| --- | --- | --- | --- | --- | --- |
| 001 / S001 | 首页 · 默认四区壳（繁体） | `home` / `{}` | [001](screens/001__home__default__zh-Hant__2560x1440.png) | 1672×941 | - |
| 002 / S002 | 首页 · 调整高度：宫格与主区下移 | `home` / `{}` | [002](screens/002__home__adjust-height-lowered__zh-Hant__2560x1440.png) | 1672×941 | - |
| 003 / S003 | 首页 · 恢复高度 | `home` / `{}` | [001](screens/001__home__default__zh-Hant__2560x1440.png) | 1672×941 | 恢复高度后与默认首页同布局；动态时间与媒体帧不作固定资产。 |
| 004 / S004 | 首页 · 右上视频框某一帧 | `home` / `{}` | [001](screens/001__home__default__zh-Hant__2560x1440.png) | 1672×941 | 同首页布局，仅媒体帧变化；不证明视频播放。 |
| 005 / S005 | 宣传推广 · 首页右下「閱讀更多」的跳转结果 | `promotions` / `{}` | [050](screens/050__promotions__default__zh-Hant__2560x1440.png) | 1672×941 | CTA进入默认宣传推广页，保留入口关系。 |
| 010 / S006 | 商店 · 全部列表顶部 | `shops?cat={cat}` / `{"cat": "all"}` | [010](screens/010__shops__all-top__zh-Hant__2560x1440.png) | 1672×941 | - |
| 011 / S007 | 商店 · 全部列表滚到底部 | `shops?cat={cat}` / `{"cat": "all"}` | [011](screens/011__shops__all-bottom__zh-Hant__2560x1440.png) | 1672×941 | - |
| 012 / S008 | 商店 · 飲食 tab | `shops?cat={cat}` / `{"cat": "dining"}` | [012](screens/012__shops__dining__zh-Hant__2560x1440.png) | 1672×941 | - |
| 013 / S009 | 商店 · 時裝 tab | `shops?cat={cat}` / `{"cat": "fashion"}` | [013](screens/013__shops__fashion__zh-Hant__2560x1440.png) | 1672×941 | - |
| 014 / S010 | 商店 · 美容 tab | `shops?cat={cat}` / `{"cat": "beauty"}` | [014](screens/014__shops__beauty__zh-Hant__2560x1440.png) | 1672×940 | - |
| 015 / S011 | 商店 · 兒童 tab | `shops?cat={cat}` / `{"cat": "kids"}` | [015](screens/015__shops__kids__zh-Hant__2560x1440.png) | 1672×940 | - |
| 016 / S012 | 商店 · 生活 tab | `shops?cat={cat}` / `{"cat": "lifestyle"}` | [016](screens/016__shops__lifestyle__zh-Hant__2560x1440.png) | 1672×941 | - |
| 017 / S013 | 商店 · 其他 tab | `shops?cat={cat}` / `{"cat": "others"}` | [017](screens/017__shops__others__zh-Hant__2560x1440.png) | 1672×941 | - |
| 018 / S014 | 商店 · 電影列表（1 家） | `shops?cat={cat}` / `{"cat": "cinema"}` | [018](screens/018__shops__cinema__zh-Hant__2560x1440.png) | 1672×940 | - |
| 019 / S015 | 商店 · 筛选区展开（搜索 + 楼层 + A-Z） | `shops?cat={cat}` / `{"cat": "all"}` | [019](screens/019__shops__filters-open__zh-Hant__2560x1440.png) | 1672×941 | - |
| 020 / S016 | 商店 · 详情弹层：7-11，有图有电话 | `shops?cat={cat}` / `{"cat": "all"}` | [020](screens/020__shops__detail-normal__zh-Hant__2560x1440.png) | 1672×941 | - |
| 021 / S018 | 商店 · 详情弹层：維特健靈（id 192），无电话行 | `shops?cat={cat}` / `{"cat": "all"}` | [021](screens/021__shops__detail-nophone__zh-Hant__2560x1440.png) | 1672×941 | - |
| 022 / S019 | 地图 · 从店铺详情进入地图并选中该店 | `map?store={store}&layer={layer}` / `{"store": "7-11 的店铺 id", "layer": ""}` | [022](screens/022__shops__detail-goto-map__zh-Hant__2560x1440.png) | 1672×941 | - |
| 030 / S020 | 商场服务 · 服务全部列表 | `services?tab={tab}` / `{"tab": "all"}` | [030](screens/030__services__all__zh-Hant__2560x1440.png) | 1672×941 | - |
| 031 / S021 | 商场服务 · 设施列表顶部 | `services?tab={tab}` / `{"tab": "facilities"}` | [031](screens/031__services__facilities-top__zh-Hant__2560x1440.png) | 1672×941 | - |
| 032 / S022 | 商场服务 · 设施列表底部 | `services?tab={tab}` / `{"tab": "facilities"}` | [032](screens/032__services__facilities-bottom__zh-Hant__2560x1440.png) | 1672×941 | - |
| 033 / S023 | 商场服务 · 嬰兒設施 tab | `services?tab={tab}` / `{"tab": "baby"}` | [033](screens/033__services__baby__zh-Hant__2560x1440.png) | 1672×941 | - |
| 034 / S024 | 商场服务 · 儲物櫃空态 | `services?tab={tab}` / `{"tab": "lockers"}` | [034](screens/034__services__lockers-empty__zh-Hant__2560x1440.png) | 1672×941 | - |
| 035 / S025 | 商场服务 · Wi-Fi tab（1 条） | `services?tab={tab}` / `{"tab": "wifi"}` | [035](screens/035__services__wifi__zh-Hant__2560x1440.png) | 1672×941 | - |
| 036 / S026 | 商场服务 · 顧客服務 tab | `services?tab={tab}` / `{"tab": "info"}` | [036](screens/036__services__info__zh-Hant__2560x1440.png) | 1672×941 | - |
| 037 / S027 | 商场服务 · 同名服务分组展开 | `services?tab={tab}` / `{"tab": "all"}` | [037](screens/037__services__group-expanded__zh-Hant__2560x1440.png) | 1672×941 | - |
| 038 / S028 | 商场服务 · 服务详情：无图，有位置与前往地图 | `services?tab={tab}` / `{"tab": "all"}` | [038](screens/038__services__detail-noimage__zh-Hant__2560x1440.png) | 1672×941 | - |
| 039 / S029 | 商场服务 · 最少字段详情：无图、无电话、无前往地图 | `services?tab={tab}` / `{"tab": "all"}` | [039](screens/039__services__detail-minimal__zh-Hant__2560x1440.png) | 1672×941 | - |
| 045 / S030 | 最新商店 · NEW OPEN 网格 | `newshops?cat={cat}` / `{"cat": "all"}` | [045](screens/045__newshops__open__zh-Hant__2560x1440.png) | 1672×941 | - |
| 046 / S031 | 最新商店 · COMING SOON 空列表 | `newshops?cat={cat}` / `{"cat": "all"}` | [046](screens/046__newshops__soon-empty__zh-Hant__2560x1440.png) | 1672×941 | - |
| 047 / S032 | 最新商店 · 新店详情弹层 | `newshops?cat={cat}` / `{"cat": "all"}` | [047](screens/047__newshops__detail__zh-Hant__2560x1440.png) | 1672×941 | - |
| 050 / S033 | 宣传推广 · 海报轮播默认（1/2） | `promotions` / `{}` | [050](screens/050__promotions__default__zh-Hant__2560x1440.png) | 1672×941 | - |
| 051 / S034 | 宣传推广 · 轮播下一张（2/2） | `promotions` / `{}` | [051](screens/051__promotions__next__zh-Hant__2560x1440.png) | 1672×941 | - |
| 052 / S035 | 宣传推广 · MORE INFO 展开第 1 页 | `promotions` / `{}` | [052](screens/052__promotions__expanded__zh-Hant__2560x1440.png) | 1672×941 | - |
| 053 / S036 | 宣传推广 · 展开态上一张 | `promotions` / `{}` | [052](screens/052__promotions__expanded__zh-Hant__2560x1440.png) | 1672×941 | 原图均为同一展开海报1/2与相同按钮，仅时间/媒体帧变化。 |
| 054 / S037 | 商店 · 查看商店的跳转结果 | `shops?cat={cat}` / `{"cat": "dining"}` | [054](screens/054__promotions__browse-shops-result__zh-Hant__2560x1440.png) | 1672×941 | - |
| 070 / S041 | 泊车资讯 · 默认 YOHO MALL tab | `parking` / `{}` | [070](screens/070__parking__default__zh-Hant__2560x1440.png) | 1672×941 | - |
| 071 / S042 | 泊车资讯 · YOHO MIX tab | `parking` / `{}` | [071](screens/071__parking__tab-yoho-mix__zh-Hant__2560x1440.png) | 1672×941 | - |
| 072 / S043 | 泊车资讯 · YOHO PLUS tab | `parking` / `{}` | [072](screens/072__parking__tab-yoho-plus__zh-Hant__2560x1440.png) | 1672×941 | - |
| 073 / S044 | 泊车资讯 · 找车演示键盘打开 | `parking` / `{}` | [073](screens/073__parking__lookup-keyboard__zh-Hant__2560x1440.png) | 1672×941 | - |
| 074 / S045 | 泊车资讯 · 车牌命中 DEMO01 | `parking` / `{}` | [074](screens/074__parking__lookup-hit__zh-Hant__2560x1440.png) | 1672×941 | - |
| 075 / S046 | 地图 · 停车入口未确认地图位置 | `map?store={store}&layer={layer}` / `{"store": "demo-parking", "layer": ""}` | [075](screens/075__parking__goto-map__zh-Hant__2560x1440.png) | 1672×941 | - |
| 076 / S047 | 泊车资讯 · 车牌未命中 | `parking` / `{}` | [076](screens/076__parking__lookup-miss__zh-Hant__2560x1440.png) | 1672×941 | - |
| 080 / S048 | 交通网络 · 巴士 tab 默认列表 | `transport` / `{}` | [080](screens/080__transport__bus__zh-Hant__2560x1440.png) | 1672×941 | - |
| 081 / S049 | 交通网络 · 港铁 tab | `transport` / `{}` | [081](screens/081__transport__mtr__zh-Hant__2560x1440.png) | 1672×941 | - |
| 082 / S050 | 交通网络 · 轻铁 tab | `transport` / `{}` | [082](screens/082__transport__lrt__zh-Hant__2560x1440.png) | 1672×941 | - |
| 083 / S051 | 交通网络 · 小巴 tab | `transport` / `{}` | [083](screens/083__transport__minibus__zh-Hant__2560x1440.png) | 1672×941 | - |
| 084 / S052 | 交通网络 · 交通地图静态图 | `transport` / `{}` | [084](screens/084__transport__map__zh-Hant__2560x1440.png) | 1672×941 | - |
| 085 / S053 | 交通网络 · 巴士列表底部 | `transport` / `{}` | [085](screens/085__transport__bus-bottom__zh-Hant__2560x1440.png) | 1672×941 | - |
| 090 / S054 | 地图 · 默认层 Citywalk UG | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [090](screens/090__map__default-cw1-ug__zh-Hant__2560x1440.png) | 1672×941 | - |
| 091 / S055 | 地图 · 楼层 CW1 G | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [091](screens/091__map__cw1-g__zh-Hant__2560x1440.png) | 1672×941 | - |
| 092 / S056 | 地图 · 楼层 CW1 1/F | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [092](screens/092__map__cw1-1__zh-Hant__2560x1440.png) | 1672×941 | - |
| 093 / S057 | 地图 · 楼层 CW2 G | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [093](screens/093__map__cw2-g__zh-Hant__2560x1440.png) | 1672×941 | - |
| 094 / S058 | 地图 · 楼层 CW2 UG | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [094](screens/094__map__cw2-ug__zh-Hant__2560x1440.png) | 1672×941 | - |
| 095 / S059 | 地图 · 楼层 CW2 1/F | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [095](screens/095__map__cw2-1__zh-Hant__2560x1440.png) | 1672×941 | - |
| 096 / S060 | 地图 · 选中铺位：海栢軒（CW2 1/F） | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [096](screens/096__map__shop-selected__zh-Hant__2560x1440.png) | 1672×941 | - |
| 097 / S061 | 地图 · MORE INFO 地图内详情 | `map?store={store}&layer={layer}` / `{"store": "海栢軒 id", "layer": ""}` | [097](screens/097__map__more-info__zh-Hant__2560x1440.png) | 1672×941 | - |
| 098 / S062 | 地图 · 本层起点 | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [098](screens/098__map__floor-origin__zh-Hant__2560x1440.png) | 1672×941 | - |
| 099 / S063 | 地图 · 同层路线 | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [099](screens/099__map__path-same-floor__zh-Hant__2560x1440.png) | 1672×941 | - |
| 100 / S064 | 地图 · 跨层路线不可用 | `map?store={store}&layer={layer}` / `{"store": "7", "layer": ""}` | [100](screens/100__map__path-cross-floor-unavailable__zh-Hant__2560x1440.png) | 1672×941 | - |
| 101 / S065 | 地图 · 共享铺位商户列表 | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [101](screens/101__map__shared-unit-picker__zh-Hant__2560x1440.png) | 1672×941 | - |
| 102 / S066 | 地图 · 共享铺位选中 UNIQLO | `map?store={store}&layer={layer}` / `{"store": "UNIQLO 的店铺 id", "layer": ""}` | [102](screens/102__map__shared-unit-selected__zh-Hant__2560x1440.png) | 1672×941 | - |
| 103 / S067 | 地图 · 无障碍模式 | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [103](screens/103__map__accessible-toggle__zh-Hant__2560x1440.png) | 1672×941 | - |
| 104 / S068 | 地图 · 放大 | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [104](screens/104__map__zoom-in__zh-Hant__2560x1440.png) | 1672×941 | - |
| 105 / S069 | 地图 · 返回后再进入，保留 G 层选中与无障碍 | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [104](screens/104__map__zoom-in__zh-Hant__2560x1440.png) | 1672×941 | 逐图对照：返回再进入保留Citywalk G、UNIQLO选中、无障碍开启及放大裁切，与104同视觉状态；保留独立操作关系。 |
| 106 / S070 | 地图 · 从服务详情选中设施 | `map?store={store}&layer={layer}` / `{"store": "无障碍洗手间子项 id", "layer": ""}` | [106](screens/106__map__facility-selected__zh-Hant__2560x1440.png) | 1672×941 | - |
| 110 / S071 | 首页 · 简体 | `home` / `{}` | [110](screens/110__home__default__zh-Hans__2560x1440.png) | 1672×941 | - |
| 111 / S072 | 商店 · 简体全部列表顶部 | `shops?cat={cat}` / `{"cat": "all"}` | [111](screens/111__shops__all-top__zh-Hans__2560x1440.png) | 1672×941 | - |
| 112 / S073 | 首页 · 英文 | `home` / `{}` | [112](screens/112__home__default__en__2560x1440.png) | 1672×941 | - |
| 113 / S074 | 交通网络 · 英文巴士列表 | `transport` / `{}` | [116](screens/116__services__all__en__2560x1440.png) | 1672×941 | 输入异常：113文件名及元数据标交通，实际像素为英文服务ALL，与116同内容/选中态，仅时钟和媒体帧不同。复用服务稿；英文交通的真实原图仍缺，不能宣称该业务状态已覆盖。 |
| 114 / S075 | 泊车资讯 · 英文默认 tab | `parking` / `{}` | [114](screens/114__parking__default__en__2560x1440.png) | 1672×941 | - |
| 116 / S077 | 商场服务 · 英文全部列表 | `services?tab={tab}` / `{"tab": "all"}` | [116](screens/116__services__all__en__2560x1440.png) | 1672×941 | - |
| 117 / S078 | 商店 · 英文详情：7-Eleven | `shops?cat={cat}` / `{"cat": "all"}` | [117](screens/117__shops__detail__en__2560x1440.png) | 1672×941 | - |
| 118 / S079 | 地图 · 英文默认层 | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [118](screens/118__map__default__en__2560x1440.png) | 1672×941 | - |
| 119 / S080 | 最新商店 · 英文 NEW OPEN | `newshops?cat={cat}` / `{"cat": "all"}` | [119](screens/119__newshops__open__en__2560x1440.png) | 1672×941 | - |
| 120 / S082 | 首页 · 空闲 60 秒回首页并恢复繁体 | `home` / `{}` | [001](screens/001__home__default__zh-Hant__2560x1440.png) | 1672×941 | 空闲返回繁体默认首页，同布局；60秒行为需产品验证。 |
| 130 / S083 | 首页 · 4K 默认（繁体） | `home` / `{}` | [001](screens/001__home__default__zh-Hant__2560x1440.png) | 1672×941 | 4K来源的同16:9首页设计；保留3840×2160原图，设计稿非原生4K。 |
| 131 / S084 | 地图 · 4K 默认层 Citywalk UG | `map?store={store}&layer={layer}` / `{"store": "", "layer": ""}` | [090](screens/090__map__default-cw1-ug__zh-Hant__2560x1440.png) | 1672×941 | 4K来源同默认Citywalk UG楼层与状态；标签密度需原图核对，设计稿非原生4K。 |
| 132 / S085 | 商店 · 4K 全部列表顶部 | `shops?cat={cat}` / `{"cat": "all"}` | [010](screens/010__shops__all-top__zh-Hant__2560x1440.png) | 1672×941 | 4K来源的同商店全部列表顶部设计；保留原图，设计稿非原生4K。 |
| 133 / S086 | 交通网络 · 4K 巴士列表 | `transport` / `{}` | [133](screens/133__transport__bus__zh-Hant__3840x2160.png) | 1672×941 | - |
| 134 / S087 | 宣传推广 · 4K 海报轮播默认 | `promotions` / `{}` | [050](screens/050__promotions__default__zh-Hant__2560x1440.png) | 1672×941 | 4K来源同推广默认海报；保留原图，设计稿非原生4K。 |

## 无图返回关系

- S017：详情关闭，回到列表；返回关系。关闭后 dump 回到商店列表且见 7-11 行，无单独截图。
- S081：切回繁体；与 S001 重复，不另截图。

## 按原输入跳过

- S038：文章页默认；无可见入口。见 BLOCKED.md。
- S039：hero 放大；依赖 S038，入口不存在。见 BLOCKED.md。
- S040：Zoom in；依赖 S039，入口不存在。见 BLOCKED.md。
- S076：英文；依赖 S038，入口不存在。见 BLOCKED.md。

## 输入差异及视觉待改

- 113：输入异常：清单称英文交通，实际为服务ALL。复用116；英文交通状态缺少真实截图。
- 118：输入异常：清单称默认地图，实际为G/F设施选中、地图位置未确认保留态。