结算流程

从购物车到下单成功:条目确认、结算表单、步骤指示与结果反馈。

全平台通用交易全屏整套流程 版本 v1.0.0 · 框架目标:html-css / tailwind / react 待复验

这条场景提示词引用的组件提示词

版式说明

两页一回执:购物车页(条目列表 + 底部合计条)→ 结算页(地址、商品确认、优惠、支付方式自上而下,提交按钮带总价)→ 下单成功 Toast + 订单详情入口。

填空生成你的提示词

这条提示词没有参数表:直接复制全文,把文中的占位符换成你的内容。

验证信息

待复验:这条提示词还没有用真实模型跑过,上线前会逐条复验。

拼好的完整提示词

 

原始七段全文

场景说明

从购物车到下单成功:条目确认、结算表单、步骤指示与结果反馈。

版式说明

两页一回执:购物车页(条目列表 + 底部合计条)→ 结算页(地址、商品确认、优惠、支付方式自上而下,提交按钮带总价)→ 下单成功 Toast + 订单详情入口。

引用的组件提示词

  • cart-item-prompt v1.0.0
  • checkout-form-prompt v1.0.0
  • toast-prompt v1.0.0,覆盖参数:{{with-action}} = 纯提示

生成顺序

先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。

(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)