vant表单提交,vant confirm,vant表单验证并提交表单,vant 商品列表,vant单选,vant indexbar
Vant4 SubmitBar 是一个基于 Vue.js 的组件库 Vant4 中的一个组件，用于在订单结算页面中显示提交订单栏。它包含了商品总价、运费、优惠券等信息，并提供了提交订单按钮，方便用户一键下单。

使用 SubmitBar 组件需要传入以下属性：

- price: 商品总价
- buttonText: 提交按钮的文本内容
- tip: 显示在商品总价下面的提示信息（例如“不含运费”）
- disabled: 是否禁用提交按钮
- loading: 是否显示加载状态的提交按钮
- buttonType: 提交按钮的样式类型
- suffixLabel: 在商品总价后面添加的文本标签
- safeAreaInsetBottom: 是否启用底部安全区域（用于 iPhone X 等有刘海的手机）

以下是一个简单的 SubmitBar 组件的使用示例：

html
<van-submit-bar
:price="totalPrice"
:button-text="'提交订单'"
:disabled="checkDisabled()"
:loading="checkLoading()"
@submit="handleSubmit"
/>


这个示例中，我们通过传入 totalPrice 属性来展示商品总价，同时设置提交按钮的文本为“提交订单”，并且根据 checkDisabled 和 checkLoading 方法的返回值来设置是否禁用和加载状态。当用户点击提交按钮时，会触发 handleSubmit 方法。