mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
be16713510
* feat(DropdownMenu): adjust default color to @red * feat(ActionSheet): subname vertical align
63 lines
1.8 KiB
Plaintext
63 lines
1.8 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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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 }}"
|
|
actions="{{ action1 }}"
|
|
description="这是一段描述信息"
|
|
bind:close="toggleActionSheet4"
|
|
>
|
|
</van-action-sheet>
|
|
</demo-block>
|
|
|
|
<demo-block title="展示标题栏" padding>
|
|
<van-button type="primary" bind:click="toggleActionSheet5">弹出菜单</van-button>
|
|
<van-action-sheet
|
|
show="{{ show5 }}"
|
|
title="标题"
|
|
bind:close="toggleActionSheet5"
|
|
>
|
|
<view class="content">内容</view>
|
|
</van-action-sheet>
|
|
</demo-block>
|
|
|
|
<demo-block title="微信开放能力" padding>
|
|
<van-button type="primary" bind:click="toggleActionSheet6">弹出菜单</van-button>
|
|
<van-action-sheet
|
|
show="{{ show6 }}"
|
|
title="标题"
|
|
bind:close="toggleActionSheet6"
|
|
actions="{{ action6 }}"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
>
|
|
</van-action-sheet>
|
|
</demo-block>
|