# SubmitBar 订单提交栏

## 介绍

用于展示订单商品数量金额等 ，用于订单详情、确认订单、购物车
存在 loading 时点击不在生效

### 使用说明

引入

```JSON
"usingComponents": {
  "submit-bar": "/components/submit-bar/index"
}
```

```HTML
<submit-bar
  price="{{ orderDetail.allPrice }}"
  count="{{ orderDetail.allCount }}"
  showCancel="{{ orderDetail.orderStatus <= 0 }}"
  submitText="{{ orderDetail.orderStatus <= 0 ? '立即支付' : '再次购买'  }}"
  bind:cancel="onCancel"
  bind:submit="onSubmit"
>
</submit-bar>
```

## API

### Props

| 参数                | 说明             | 类型      | 默认值   |
| ------------------- | ---------------- | --------- | -------- |
| price               | 价格（分）       | _number_  | -        |
| count               | 商品数量         | _number_  | 0        |
| showCancel          | 是否显示取消按钮 | _boolean_ | false    |
| submitText          | 提交按钮文案     | _string_  | 立即支付 |
| cancelLoading       | 取消按钮 loading | _boolean_ | false    |
| submitLoading       | 提交按钮 loading | _boolean_ | false    |
| submitDisabled      | 提交按钮 disable | _boolean_ | false    |
| safeAreaInsetBottom | iPhoneX 安全距离 | _boolean_ | true     |

### Events

| 事件名 | 说明             | 参数 |
| ------ | ---------------- | ---- |
| cancel | 订单取消按钮点击 | -    |
| submit | 提交按钮点击     | -    |

### Slot

| 插槽 | 说明           |
| ---- | -------------- |
| -    | 自定义左侧内容 |