Content Detail Page
A full content detail page: app bar, hero block, body, and a bottom-sheet action menu.
iOSAndroidHarmonyOSWebContentFull screenFlow Version v1.0.0 · Framework targets：html-css / tailwind / react Stale
Component prompts referenced by this scene prompt
- Top App Bar Prompt v1.0.0
- Detail Hero Prompt v1.0.0
- Bottom Sheet Prompt v1.0.0
Fill in the blanks to build your prompt
This prompt has no fill-in parameters — copy it as is, and replace the bracketed placeholders in the text.
Verification
Pending verification: this prompt has not been run against a live model yet; each one will be re-verified before launch.
Your assembled prompt
Original seven-part text
场景说明
文章/内容详情整页：顶栏、头图区、正文与底部操作弹层。
版式说明
顶部应用栏（返回/标题/分享）；头图区后接正文；点分享升起底部分享弹层；底部操作条吸底（收藏 + 评论入口）。
引用的组件提示词
top-app-bar-promptv1.0.0detail-hero-promptv1.0.0bottom-sheet-promptv1.0.0
生成顺序
先按版式生成页面骨架，再逐个引用上面的组件提示词生成各部件，最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可（规格 §5.1）。
（验证状态：待复验。本场景尚未经真实模型实测，验证字段如实留空。）