mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
43 lines
1.2 KiB
Plaintext
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>
|