Checkout Flow
From cart to order placed: cart items, checkout form, step indicator, result feedback.
All platformsCommerceFull screenFlow Version v1.0.0 · Framework targets：html-css / tailwind / react Stale
Component prompts referenced by this scene prompt
- Cart Item Prompt v1.0.0
- Checkout Form Prompt v1.0.0
- Toast Prompt v1.0.0 {{with-action}} = 纯提示
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
场景说明
从购物车到下单成功：条目确认、结算表单、步骤指示与结果反馈。
版式说明
两页一回执：购物车页（条目列表 + 底部合计条）→ 结算页（地址、商品确认、优惠、支付方式自上而下，提交按钮带总价）→ 下单成功 Toast + 订单详情入口。
引用的组件提示词
cart-item-promptv1.0.0checkout-form-promptv1.0.0toast-promptv1.0.0，覆盖参数：{{with-action}} = 纯提示
生成顺序
先按版式生成页面骨架，再逐个引用上面的组件提示词生成各部件，最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可（规格 §5.1）。
（验证状态：待复验。本场景尚未经真实模型实测，验证字段如实留空。）