Appearance
规格下单行 SkuOrderRow
S2B 商品卡片底部的核心交易模块。集成了阶梯价格展示、一客一价/合约价标识、业务员改价入口、已预付定金提示、后台 4 项说明自动换行以及起购/加购/限购规则步进器。
标准多规格下单行(含改价与全量说明)
¥185.66/件 ¥210.00/件 一客一价
5
1件30包折合¥6.18/包基准价: ¥200.00/件指导价: ¥210.00/件
起购数量5加购数量5限购数量30
vue
<SkuOrderRow :sku="skuItem"/>合约价 + 预付定金形态
当 priceType="contract" 且传入 depositPrice 时,自动在价格行下方渲染红色预付定金提示。
¥168.00/件 合约价
2
已预付定金¥10/包
合约锁定价格
推荐位单加号渐进式交互(action-type="plus")
数量为 0 时展示 20×20 单圆 + 号,点击后按起购量自动展开小尺寸步进器。
¥99.00/件
API 参数说明
| 参数名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
sku | 单条 SKU 价格与规则数据对象 | SkuItem | 必填 |
actionType | 右侧加购交互形态:stepper(标准步进器)/ plus(单加号渐进展开) | string | 'stepper' |
stepperTheme | 步进器主题:round(圆形)/ flat(购物车扁平) | string | 'round' |
stepperSize | 步进器尺寸:default(标准)/ small(推荐窄卡片) | string | 'default' |
isOutOfStock | 是否无货状态(无货时价格置灰并隐藏步进器) | boolean | false |