2019-09-23 16:31:33 +08:00

43 lines
1.2 KiB
Plaintext

<demo-block title="基础用法" padding>
<van-button type="primary" bind:click="toggleActionSheet1">弹出菜单</van-button>
<van-action-sheet
show="{{ show1 }}"
actions="{{ action1 }}"
bind:close="toggleActionSheet1"
bind:select="toggleActionSheet1"
/>
</demo-block>
<demo-block title="选项状态" padding>
<van-button type="primary" bind:click="toggleActionSheet2">弹出菜单</van-button>
<van-action-sheet
show="{{ show2 }}"
actions="{{ action2 }}"
bind:close="toggleActionSheet2"
bind:cancel="toggleActionSheet2"
bind:select="toggleActionSheet2"
/>
</demo-block>
<demo-block title="展示取消按钮" padding>
<van-button type="primary" bind:click="toggleActionSheet3">弹出菜单</van-button>
<van-action-sheet
show="{{ show3 }}"
actions="{{ action1 }}"
cancel-text="取消"
bind:close="toggleActionSheet3"
>
</van-action-sheet>
</demo-block>
<demo-block title="展示标题栏" padding>
<van-button type="primary" bind:click="toggleActionSheet4">弹出菜单</van-button>
<van-action-sheet
show="{{ show4 }}"
title="标题"
bind:close="toggleActionSheet4"
>
<view class="content">内容</view>
</van-action-sheet>
</demo-block>