blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity
c96fa4c35b
vant/docs/examples-docs/actionsheet.md
cookfront c96fa4c35b action sheet component
2017-03-09 16:01:40 +08:00

1.6 KiB
Raw Blame History

ActionSheet

基础用法

:::demo 基础用法

<div class="zan-row">
  <zan-button @click="show1 = true">弹出actionsheet</zan-button>
</div>
<zan-actionsheet v-model="show1" :actions="actions1">
</zan-actionsheet>

:::

带取消按钮的ActionSheet

:::demo 带取消按钮的ActionSheet

<div class="zan-row">
  <zan-button @click="show2 = true">弹出带取消按钮的actionsheet</zan-button>
</div>
<zan-actionsheet v-model="show2" :actions="actions1" cancel-text="取消">
</zan-actionsheet>

:::

带标题的ActionSheet

:::demo 带标题的ActionSheet

<div class="zan-row">
  <zan-button @click="show3 = true">弹出带标题的actionsheet</zan-button>
</div>
<zan-actionsheet v-model="show3" title="支持以下配送方式" class="title-actionsheet">
  <p>一些内容</p>
</zan-actionsheet>

:::