2020-02-14 11:19:50 +08:00

53 lines
1.4 KiB
Plaintext

<demo-block title="基础用法">
<van-submit-bar
price="{{ 3050 }}"
button-text="提交订单"
bind:submit="onClickButton"
custom-class="van-submit-bar"
safe-area-inset-bottom="{{ false }}"
/>
</demo-block>
<demo-block title="禁用状态">
<van-submit-bar
disabled
price="{{ 3050 }}"
button-text="提交订单"
tip="您的收货地址不支持同城送, 我们已为您推荐快递"
tip-icon="//img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png"
bind:submit="onClickButton"
custom-class="van-submit-bar"
safe-area-inset-bottom="{{ false }}"
/>
</demo-block>
<demo-block title="加载状态">
<van-submit-bar
loading
price="{{ 3050 }}"
button-text="提交订单"
bind:submit="onClickButton"
custom-class="van-submit-bar"
safe-area-inset-bottom="{{ false }}"
/>
</demo-block>
<demo-block title="高级用法">
<van-submit-bar
price="{{ 3050 }}"
button-text="提交订单"
bind:submit="onClickButton"
custom-class="van-submit-bar"
tip="{{ true }}"
safe-area-inset-bottom="{{ false }}"
>
<van-tag type="primary" custom-class="submit-tag">标签</van-tag>
<view slot="tip">
您的收货地址不支持同城送
<text class="edit-address" bindtap="onClickLink">修改地址</text>
</view>
</van-submit-bar>
</demo-block>
<van-toast id="van-toast" />