blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-26 08:19:15 +08:00
Code Issues Projects Releases Wiki Activity

popup md

Browse Source
This commit is contained in:
cookfront 2017-03-07 11:22:47 +08:00
parent 569f0e957f
commit 3e474ef451
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/examples-docs/popup.md
View File

@ -27,28 +27,28 @@ export default {
:::demo 基础用法 :::demo 基础用法
```html ```html
<div class="zan-button-1"> <div class="zan-row">
<zan-button @click="popupShow1 = true">从下方弹出popup</zan-button> <zan-button @click="popupShow1 = true">从下方弹出popup</zan-button>
</div> </div>
<zan-popup v-model="popupShow1" position="bottom" class="zan-popup-1"> <zan-popup v-model="popupShow1" position="bottom" class="zan-popup-1">
xxxx xxxx
</zan-popup> </zan-popup>
<div class="zan-button-1"> <div class="zan-row">
<zan-button @click="popupShow2 = true">从上方方弹出popup</zan-button> <zan-button @click="popupShow2 = true">从上方方弹出popup</zan-button>
</div> </div>
<zan-popup v-model="popupShow2" position="top" class="zan-popup-2" :overlay="false"> <zan-popup v-model="popupShow2" position="top" class="zan-popup-2" :overlay="false">
更新成功 更新成功
</zan-popup> </zan-popup>
<div class="zan-button-1"> <div class="zan-row">
<zan-button @click="popupShow3 = true">从右方弹出popup</zan-button> <zan-button @click="popupShow3 = true">从右方弹出popup</zan-button>
</div> </div>
<zan-popup v-model="popupShow3" position="right" class="zan-popup-3" :overlay="false"> <zan-popup v-model="popupShow3" position="right" class="zan-popup-3" :overlay="false">
<zan-button @click.native="popupShow3 = false">关闭 popup</zan-button> <zan-button @click.native="popupShow3 = false">关闭 popup</zan-button>
</zan-popup> </zan-popup>
<div class="zan-button-1"> <div class="zan-row">
<zan-button @click="popupShow4 = true">从中间弹出popup</zan-button> <zan-button @click="popupShow4 = true">从中间弹出popup</zan-button>
</div> </div>
<zan-popup v-model="popupShow4" transition="popup-fade" class="zan-popup-4"> <zan-popup v-model="popupShow4" transition="popup-fade" class="zan-popup-4">