7.6 KiB
7.6 KiB
F3 标准化案例资产详情引擎
涉及端:用户端(
Case-Database-Frontend-user)+ 后端(Case-Database-Backend)关联文档:
- API 契约:api-contracts.md §2.2 用户端案例(案例详情、评论、文件、相关推荐)
- 数据模型:data-model.md §4.2 案例核心域 / §4.3 设计师域 / §4.5 用户互动域
- UI 规范:ui-specs-user.md
- 参考原型:
docs/reference/户型详情页.html
功能清单
| 编号 | 功能 | 优先级 | 状态 |
|---|---|---|---|
| F3.1 | 面包屑导航 | P0 | ⚪ 待开发 |
| F3.2 | 富媒体多维图库 | P0 | ⚪ 待开发 |
| F3.3 | 专业级参数看板 | P0 | ⚪ 待开发 |
| F3.4 | 侧边栏核心信息聚合 | P0 | ⚪ 待开发 |
| F3.5 | 设计理念与主创团队 | P1 | ⚪ 待开发 |
| F3.6 | 数字资产分发中心 | P0 | ⚪ 待开发 |
| F3.7 | 互动与裂变闭环 | P1 | ⚪ 待开发 |
| F3.8 | 智能推荐 | P2 | ⚪ 待开发 |
F3.1 面包屑导航(P0)
用户故事
作为用户,我希望通过面包屑快速回到上一层级。
功能描述
- 页面顶部路径导航:首页 > 分类 > 当前项目名称
- 支持点击任一层级跳转
交互细节
验收标准
- 面包屑路径正确反映当前导航层级
- 各层级链接可正常跳转
F3.2 富媒体多维图库(P0)
用户故事
作为用户,我希望从多个视角浏览案例的视觉资料,以便全面了解设计方案。
功能描述
- 画廊式主图展示区,支持左右切换和页码指示
- 底部缩略图列表轮播(可横向滚动选取)
- 快捷视图分类切换按钮:主效果图 / 平面图 / 立面图
- 主图支持点击放大全屏浏览
交互细节
验收标准
- 图片切换流畅无闪烁
- 缩略图点击后主图同步更新
- 视图分类切换后图库内容对应过滤
- 大图模式支持键盘左右箭头切换
F3.3 专业级参数看板(P0)
用户故事
作为设计师,我希望快速获取案例的详细技术参数,以便评估设计方案的可行性。
功能描述
5 大维度强结构化数据展示(4 列网格布局):
| 维度 | 参数项 |
|---|---|
| 用地条件 | 面宽、进深、占地面积、采光限制、用地形状 |
| 规模造价 | 建筑层数、造价预估、建筑总面积、卧室数量 |
| 平面功能 | 楼梯类型、特色空间、卧室配置、休闲空间、厨卫配置 |
| 外观风格 | 建筑风格、屋顶形式、外立面材料 |
| 结构与性能 | 结构类型、基础类型、户型逻辑、墙体厚度、抗震设防、保温形式、屋面构造 |
交互细节
验收标准
- 5 个维度分组清晰,每组参数完整展示
- 参数值缺失时显示"-"占位而非空白
- 4 列网格在不同分辨率下自适应调整
F3.4 侧边栏核心信息聚合(P0)
用户故事
作为用户,我希望在页面右侧始终看到项目的核心摘要信息。
功能描述
- 固定宽度侧边栏(约 440px),滚动时保持可见
- 项目信息卡片:项目名称、项目 ID(支持一键复制)、收藏按钮
- 核心数据速览:户型布局、建筑面积、面宽进深、结构类型、层高、采光限制
- 预估造价醒目展示(大字号突出)
- 操作按钮:分享、下载
交互细节
验收标准
- 侧边栏随页面滚动保持固定(sticky 定位)
- 项目 ID 一键复制到剪贴板并提示成功
- 造价数字使用醒目样式突出显示
F3.5 设计理念与主创团队(P1)
用户故事
作为用户,我希望了解案例背后的设计思路和创作团队。
功能描述
- 设计理念区:富文本描述 + 核心提炼标签(风格、材质、受众)
- 主创团队区:按专业分列(方案设计、结构设计、水电设计等)的设计师名单,支持点击跳转设计师主页
交互细节
验收标准
- 设计理念支持富文本渲染(段落、加粗、列表)
- 设计师姓名可点击跳转至 F4 设计师主页
F3.6 数字资产分发中心(P0)
用户故事
作为设计师,我希望按类别下载案例的专业源文件,以便用于实际项目参考。
功能描述
- 文件按类别归纳展示:
- 平面图 / CAD / PDF
- 外观图集 / JPG
- 施工图
- 其它
- 每个文件显示:文件名、文件大小、下载按钮
- 文件下载需登录认证
交互细节
验收标准
- 文件列表按类别分组,每组可展开/折叠
- 文件大小格式化显示(KB / MB)
- 未登录用户点击下载引导登录
- 下载操作记录日志(审计需要)
F3.7 互动与裂变闭环(P1)
用户故事
作为用户,我希望对感兴趣的案例进行点赞、收藏和分享,并与其他用户交流。
功能描述
- 悬浮操作栏(右下角固定):点赞、收藏、返回顶部
- 分享功能:生成分享链接 / 复制到剪贴板
- 用户评论区:发表评论、查看评论列表、回复评论
交互细节
验收标准
- 点赞 / 收藏状态实时切换并持久化
- 评论支持分页加载
- 评论发布后实时出现在列表顶部
- 未登录用户操作时引导登录
F3.8 智能推荐(P2)
用户故事
作为用户,我希望在浏览完一个案例后发现更多相似案例。
功能描述
- 详情页底部"相似推荐"卡片流(3 列网格)
- 基于建筑类型、风格、面积等维度匹配推荐
交互细节
验收标准
- 推荐卡片至少展示 3 个相关案例
- 点击推荐卡片跳转至对应详情页
- 当前案例不出现在推荐列表中
最后更新: 2026-03-02