ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-18 17:44:10 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

z- to zan-

Browse Source
This commit is contained in:
cookfront
2017-02-28 17:12:02 +08:00
parent d5e174b632
commit 048049d506
62 changed files with 441 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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