ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-22 01:07:29 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

docs build

Browse Source
This commit is contained in:
cookfront
2017-03-06 19:29:18 +08:00
parent ea467a7f24
commit fb4bd2eaea
20 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
docs/examples-dist/popup.vue Normal file
View File

@@ -0,0 +1,35 @@
<template><section class="demo-popup"><h1 class="demo-title">popup</h1><example-block title="基础用法">
<div class="zan-button-1">
<zan-button @click="popupShow1 = true">从下方弹出popup</zan-button>
</div>
<zan-popup v-model="popupShow1" position="bottom" class="zan-popup-1">
xxxx
</zan-popup>
<div class="zan-button-1">
<zan-button @click="popupShow2 = true">从上方方弹出popup</zan-button>
</div>
<zan-popup v-model="popupShow2" position="top" class="zan-popup-2" :overlay="false">
更新成功
</zan-popup>
<div class="zan-button-1">
<zan-button @click="popupShow3 = true">从右方弹出popup</zan-button>
</div>
<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="zan-button-1">
<zan-button @click="popupShow4 = true">从中间弹出popup</zan-button>
</div>
<zan-popup v-model="popupShow4" transition="popup-fade" class="zan-popup-4">
一些内容
</zan-popup>
</example-block></section></template>
<script>
import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);</script>