1
顶部导航
纯色 #D96E89 头部:返回箭头(回协议管理)+ 标题「协议详情」+ 微信胶囊
2
协议全文
URL 参数 ?doc=key 加载对应协议:标题 + 更新时间/生效时间 + 正文(章节标题粉色加粗、正文 13px 深灰、两端对齐)
3
滚动阅读
长文本纵向滚动(隐藏滚动条);5 份协议定稿数据内嵌(源:原型/万漫社/协议定稿 docx)
📋 说明面板 / 开发交付文档 — 协议详情页 v1.0
📌 功能概述

协议详情页:协议管理落地页点击协议条目后展示协议全文(会员服务协议 / 会员购买协议 / 会员发货须知 / 用户隐私协议 / 未成年人隐私协议,源:协议定稿 V1.0 docx);URL 参数 ?doc=key 指定协议。

🧱 页面结构
模块内容数据来源
顶部导航返回箭头(回协议管理)+ 标题「协议详情」+ 胶囊header-nav.js
协议标题协议全名(居中 18px 700)AGREEMENTS 数据
协议信息更新时间 / 生效时间(居中 11px 灰)AGREEMENTS 数据
协议正文白卡内章节标题(粉字加粗)+ 条款段落(13px 深灰两端对齐)AGREEMENTS 数据(docx 提取)
📋 功能说明(需求)

① 协议管理落地页 5 份协议定稿点击 → 跳转本页 ?doc=fahuo|fuwu|goumai|weichengnian|yinsi;② 展示协议标题、更新时间/生效时间、全文条款(章节标题识别加粗);③ 返回协议管理;④ 未知 doc 参数 → 默认展示会员服务协议。

🖱️ 交互行为
操作行为影响范围
返回箭头跳转 /原型/万漫社/miniApp/协议管理/latest/页面跳转
滚动阅读长协议纵向滚动(隐藏滚动条)内容区
📐 数据口径
  • 协议数据:原型/万漫社/协议定稿/*.docx(V1.0 定稿,2025-11-20 / 2025-12-11 版本),docx 提取为段落数组(章节标题识别:短行无句号结尾)
  • 协议 key:fahuo=会员发货须知 / fuwu=会员服务协议 / goumai=会员购买协议 / weichengnian=未成年人隐私协议 / yinsi=用户隐私协议
  • 协议变更需法务/珏哥确认,页面数据同步更新
❌ 错误提示清单
页面按钮/操作场景提示
协议详情?doc 参数未知 key默认展示会员服务协议(容错)
🔲 状态说明
状态说明完成情况
默认对应协议全文完整展示✅ 已实现(5 份)
未知参数容错默认会员服务协议✅ 已实现
🔄 版本更新日志(共 1 次迭代)