购物车条目
购物车里的一行：小图、名字、价格、数量步进器和一个勾选框，左滑还能删。
结算表单
Checkout Form
付钱前最后一段路：确认商品、选地址、看优惠、选支付方式、点下单。
全平台通用交易内容区组件
大白话说明
结算表单的目标是让用户安心地把钱付完：金额明细永远可见且可展开核对，地址与支付方式给默认选中项减少操作，优惠自动抵扣并说明，每一步都有明确的总价。分步还是单页取决于信息量，移动端多为单页滚动。
什么时候用
一切电商与付费服务的付款环节；步骤指示器在这里告诉用户还剩几步。
什么时候不用
单件数字商品（付完即得）可以缩到一个支付弹窗，别用整页结算吓退冲动消费。
细节与变体
- 总价在提交按钮上再写一遍，用户点之前不用回滚确认
- 报错定位到具体字段并自动滚动过去，别只在顶部飘一句「提交失败」
- 离开结算页再回来，填过的信息要保留（草稿态）
配套效果见下方「可用效果」。
配套提示词（点开填空、复制）
可用效果
参考实现（开源）
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。
- shadcn/ui 组件库 ↗ MIT · 免费（MIT）
不是装进项目的库，而是把组件源码复制进你自己的仓库——改起来毫无阻力，AI 也最熟它。