<demo-block title="基础用法">
  <van-submit-bar
    price="{{ 3050 }}"
    button-text="提交订单"
    bind:submit="onClickButton"
    custom-class="van-submit-bar"
  />
</demo-block>

<demo-block title="禁用状态">
  <van-submit-bar
    disabled
    price="{{ 3050 }}"
    button-text="提交订单"
    tip="您的收货地址不支持同城送, 我们已为您推荐快递"
    bind:submit="onClickButton"
    custom-class="van-submit-bar"
  />
</demo-block>

<demo-block title="加载状态">
  <van-submit-bar
    loading
    price="{{ 3050 }}"
    button-text="提交订单"
    bind:submit="onClickButton"
    custom-class="van-submit-bar"
  />
</demo-block>

<demo-block title="高级用法">
  <van-submit-bar
    price="{{ 3050 }}"
    button-text="提交订单"
    bind:submit="onClickButton"
    custom-class="van-submit-bar"
    tip="{{ true }}"
  >
    <van-tag type="primary" custom-class="van-tag">标签</van-tag>
    <view slot="tip">
      您的收货地址不支持同城送
      <text class="edit-address" bindtap="onClickLink">修改地址</text>
    </view>
  </van-submit-bar>
</demo-block>

<van-toast id="van-toast" />