内容详情页
文章/内容详情整页：顶栏、头图区、正文与底部操作弹层。
iOSAndroid 安卓HarmonyOS 鸿蒙Web 网站内容组织全屏整套流程 版本 v1.0.0 · 框架目标：html-css / tailwind / react 待复验
这条场景提示词引用的组件提示词
- 顶部应用栏 · 提示词 v1.0.0
- 详情页头图区 · 提示词 v1.0.0
- 底部弹层 · 提示词 v1.0.0
版式说明
顶部应用栏（返回/标题/分享）；头图区后接正文；点分享升起底部分享弹层；底部操作条吸底（收藏 + 评论入口）。
填空生成你的提示词
这条提示词没有参数表：直接复制全文，把文中的占位符换成你的内容。
验证信息
待复验：这条提示词还没有用真实模型跑过，上线前会逐条复验。
拼好的完整提示词
原始七段全文
场景说明
文章/内容详情整页：顶栏、头图区、正文与底部操作弹层。
版式说明
顶部应用栏（返回/标题/分享）；头图区后接正文；点分享升起底部分享弹层；底部操作条吸底（收藏 + 评论入口）。
引用的组件提示词
top-app-bar-promptv1.0.0detail-hero-promptv1.0.0bottom-sheet-promptv1.0.0
生成顺序
先按版式生成页面骨架，再逐个引用上面的组件提示词生成各部件，最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可（规格 §5.1）。
（验证状态：待复验。本场景尚未经真实模型实测，验证字段如实留空。）