SubmitBar 提交订单栏
底部固定的订单提交栏，展示合计金额和提交按钮，支持优惠券选择入口
底部固定的订单提交栏，展示合计金额和提交按钮，支持优惠券选择入口
演示
9:41
代码示例
引入
推荐使用 easycom 模式，配置后无需手动 import 即可直接使用 <re-submit-bar />。
API
SubmitBar Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| price | number | 0 | 金额（单位分） | N |
| label | string | "合计：" | 左侧文案 | N |
| buttonText | string | "提交订单" | 按钮文字 | N |
| buttonDisabled | boolean | false | 是否禁用按钮 | N |
| buttonLoading | boolean | false | 按钮是否加载中 | N |
| buttonColor | string | "" | 按钮颜色 | N |
| tip | string | "" | 提示文案 | N |
| tipIcon | string | "" | 提示图标 | N |
| suffixLabel | string | "" | 价格后缀文案 | N |
| decimalLength | number | 2 | 小数位数 | N |
| currency | string | "¥" | 货币符号 | N |
| safeAreaInsetBottom | boolean | true | 是否开启底部安全区适配 | N |
| customStyle | string | "" | 自定义样式 | N |
SubmitBar Events
| 名称 | 参数 | 描述 |
|---|---|---|
| submit | - | 提交时触发 |
| select | couponId: number | 选择时触发 |
SubmitBar Slots
| 名称 | 描述 |
|---|---|
| tip | - |
| top | - |
| default | 默认插槽 |