﻿# C端页面开发清单

版本：v0.11

状态：P0/P1 首批浅色线框原型已完成技术预检，待人工评审；P2 页面暂不制作

## 修订记录

| 日期 | 版本 | 变更类型 | 变更摘要 |
| --- | --- | --- | --- |
| 2026-08-03 | v0.1 | 初始创建 / 重大结构整理 | 以截图中已出现的功能模块为覆盖检查输入，按新 Widget 体系建立页面 PRD 目录；不复刻截图界面。 |
| 2026-08-03 | v0.2 | 合并旧 MVP 页面规则 / 重大范围确认 | 吸收旧页面地图与组合规则中的页面独立访问、同级组合、访问控制、导航、联系与响应式原则；旧页面体系文件迁入历史归档。 |
| 2026-08-04 | v0.3 | 重大：新增住户展示页面 | 新增以一个指定住户为主对象的销售分享页面，与多住户比较页分离。 |
| 2026-08-04 | v0.4 | 重大：住户展示页导航例外 | 明确住户展示页不挂载页面导航，避免形成其他住户入口。 |
| 2026-08-04 | v0.5 | 重大：页面优先级与首批原型范围调整 | 将住户展示页列为 P0；首批制作 P0/P1 页面，以验证 Widget 自由组合为首要目标，P2 页面暂不制作。 |
| 2026-08-04 | v0.6 | 非重大：原型交付同步 | 10 个 P0/P1 页面与组合验证台已进入可运行原型，验收结果单独记录。 |
| 2026-08-05 | v0.6 | 非重大：评审状态纠正 | 将原“首轮验收”纠正为技术预检完成、待人工评审，不改变页面范围与需求口径。 |
| 2026-08-06 | v0.7 | 重大：WALK / VR 组件化 | 删除空间体验 Widget；WALK / VR 改由内容对象内的沉浸组件承载。 |
| 2026-08-06 | v0.8 | 重大：恢复 WALK / VR Widget 页面关系 | WALK、VR 分别作为 P1 Widget 参与页面组合，并共用沉浸内容承载与控制组件。 |
| 2026-08-11 | v0.10 | 重大：WALK / VR 内容组件化 | WALK、VR 由页面内业务内容对象关联，统一调用沉浸内容承载与控制组件，不再作为页面组合 Widget。 |
| 2026-08-11 | v0.11 | 重大：页面与 Widget 内容规则同步 | 项目概览收敛为封面、简介、地址和开发商；共有部改为多建筑分组且无筛选；“住户比较”改为按建筑切换的住户表。 |
| 2026-08-09 | v0.9 | 重大：顾客可见内容来源收敛 | 明确页面只能组织已由页面、Widget、组件或共享规则定义的内容；禁止增加营销标题、英文栏目名、章节编号、实现说明、评审说明等无来源内容。 |

截图仅证明当前产品存在或曾存在相应功能模块；页面结构、状态和组件组合以本目录及 Widget PRD 为准。

首批原型范围、线框表达、组合验证和响应式验收统一遵循《[C端线框原型基线与首批制作方案](18-线框原型基线与首批制作方案.md)》。

当前实现与技术预检结果见《[P0/P1 线框原型技术预检记录](19-P0-P1线框原型技术预检记录.md)》。

| 优先级 | 页面 | 主目标 | 主 Widget 与关键通用组件 | 首批原型处理 |
| --- | --- | --- | --- | --- |
| P0 | 项目概览 | 阅读项目简介与基础信息 | 项目概览；项目识别、页面导航、项目联系 | 制作独立页，并参与组合验证。 |
| P0 | 户型浏览 | 筛选并比较户型 | 户型卡片列表；筛选与结果摘要、媒体查看器 | 制作独立页，并参与组合验证。 |
| P0 | 周边地图 | 判断可达性 | 周边地图；筛选与结果摘要、详情面板 | 制作独立页，并参与组合验证。 |
| P0 | 住户展示 | 向顾客介绍一个指定住户 | 以住户展示为主 Widget，可按销售场景组合其他 Widget；媒体查看器、沉浸内容承载与控制 | 不预置当前 VISTA 对应固定页面；由页面装配形成，1208 样例只关联一个 WALK 内容。 |
| P1 | 建筑与楼层 | 理解建筑空间 | 3D大楼、断面/立面、楼层信息；媒体查看器、详情面板 | 制作 P1 主内容组合；不制作 P2 的 360转大楼独立页。 |
| P1 | 共有部 | 了解公共空间 | 共有部列表，可关联 WALK 或 VR 内容；内容对象卡片、媒体查看器、沉浸内容承载与控制 | 制作代表性组合；仅在关联内容有效时显示入口。 |
| P1 | 样板间 | 体验样板空间 | 样板间列表，可关联 WALK 或 VR；沉浸内容承载与控制 | 制作列表与 Widget 进入、iframe 加载、退出和不可用状态；WALK、VR 不互相切换。 |
| P1 | 住户表 | 按建筑查看和筛选住户 | 住户表；建筑切换、筛选、住户详情弹窗、共有部体验入口 | 制作代表性组合。 |
| P1 | 眺望与日影 | 浏览不同条件下的眺望资料 | 眺望集；选择器、媒体查看器 | 首批只制作 P1 眺望内容，不制作 P2 日影独立页。 |
| P1 | 项目资料 | 查阅分类资料 | 资料集、单个文件夹展示；搜索、媒体查看器 | 制作文件夹列表与指定文件夹两种组合。 |
| P2 | 日影 | 按日期与时刻查看日影资料 | 日影；选择器与时间轴、沉浸内容承载与控制 | 暂不制作。 |
| P2 | 色彩选择 | 比较色彩方案 | 平面/3D色彩切换 | 暂不制作。 |
| P2 | 家具摆放 | 理解布局可能性 | 平面家具摆放 | 暂不制作。 |
| P2 | 活动日历 | 查找活动 | 活动日历 | 暂不制作。 |
| P2 | 费用与贷款试算 | 评估资金负担 | 购置费用与贷款试算 | 暂不制作；依赖它的条件入口在计算器不可用时隐藏。 |
| P2 | 来场预约 | 提交到访意向 | 来场预约 | 暂不制作。 |
| P2 | 外部服务 | 进入外部独立服务 | 外部内容承载组件 | 暂不制作。 |

## 全页面通用规则

- 顾客页面只展示以下三类内容：页面 PRD 明确定义的页面级内容；所引用 Widget / 通用组件 PRD 明确定义且满足来源条件的内容；正式共享规则中已固定的系统状态与操作文案。通用组件的“可选槽位”不等于页面可自行增加字段，调用方 PRD 必须同时定义内容名称、来源和显示条件。
- 页面只负责组合与布局，不得为 Widget 另写营销标题、摘要、解释、标签或补充事实。英文栏目名、章节编号、`Widget`、`iframe`、`P0/P1/P2`、`Prototype`、线框说明、实现限制和评审备注均不得出现在顾客页面中，除非对应 PRD 明确把它们定义为顾客内容。
- 原型示例只可用代表值映射已定义字段，不得以示例为由增加新字段或新业务结论。可选内容缺失时连同标签、分隔符和占位留白一起隐藏；不得由 AI、演示文案、其他项目或旧页面内容补齐。
- 每个页面均可通过自身稳定链接独立进入、完成其核心任务；不存在固定首页、父子页、面包屑或“必须先经过项目概览页”的前置。
- 访问控制统一遵循 [C端权限与访问控制规则](../05-权限与访问控制规则.md)：公开页面匿名进入；受限页面先完成顾客登录、再校验当前页面授权；登录成功但无权进入 403，页面无效进入 404。页面不得重复实现登录与权限判断。
- 页面导航只展示同一已发布集合中当前身份可访问的同级页面。没有其他可访问页面时隐藏入口；关闭导航须恢复当前页面的安全临时状态。页面 PRD 明确规定不挂载导航时，以该页面规则为准。
- 项目识别、页面导航、项目联系、状态反馈等为通用组件，不属于 Widget。公开页面使用项目联系时，官网、邮箱、电话至少一项有效是发布前置。
- 先以 320px、375px 验证内容优先级、纵向顺序、触控和局部异常；768px、1024px、1440px 只调整布局密度与并列关系，不改变任务、数据和状态结果。
- 当前 C端 demo 仅用于识别已有功能、内容项和典型交互，Logo、图片、地图等可作内容素材；不得复制其页面布局。
- 首批原型统一使用白底或浅色底、中性色文字和边框，以低保真线框表达内容、组件、交互与响应式关系；不实现液态玻璃、品牌配色、装饰性渐变、氛围视觉或正式动效。
- VISTA C 设计系统仅用于核对已定义组件的功能和状态。正式视觉、精确尺寸、颜色、动效及设计系统未定义的状态均由设计师后续处理或标注 **待设计系统补充**。
