33 lines
984 B
Plaintext

<demo-block title="基础用法" padding>
<van-button bind:click="toggleActionsheet1">弹出 Actionsheet</van-button>
<van-actionsheet
show="{{ show1 }}"
actions="{{ actions }}"
bind:close="toggleActionsheet1"
bind:select="toggleActionsheet1"
/>
</demo-block>
<demo-block title="带取消按钮的 Actionsheet" padding>
<van-button bind:click="toggleActionsheet2">弹出带取消按钮的 Actionsheet</van-button>
<van-actionsheet
show="{{ show2 }}"
actions="{{ actions }}"
cancel-text="取消"
bind:close="toggleActionsheet2"
bind:cancel="toggleActionsheet2"
bind:select="toggleActionsheet2"
/>
</demo-block>
<demo-block title="带标题的 Actionsheet" padding>
<van-button bind:click="toggleActionsheet3">弹出带标题的 Actionsheet</van-button>
<van-actionsheet
show="{{ show3 }}"
title="标题"
bind:close="toggleActionsheet3"
>
<view class="content">内容</view>
</van-actionsheet>
</demo-block>