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

popup

Browse Source
This commit is contained in:
cookfront 2017-03-08 20:39:09 +08:00
parent b92ac81c7a
commit a4988f99bc
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -35,6 +35,13 @@ export default {
}, 2000);
}
}
},
methods: {
handlePopupButtonClick() {
this.popupShow1 = false;
this.popupShow4 = true;
}
}
};
</script>
@ -49,7 +56,7 @@ export default {
<zan-button @click="popupShow1 = true">从下方弹出popup</zan-button>
</div>
<zan-popup v-model="popupShow1" position="bottom" class="zan-popup-1">
<zan-button @click="popupShow4 = true" type="primary">从中间弹出popup</zan-button>
<zan-button @click="handlePopupButtonClick" type="primary">从中间弹出popup</zan-button>
</zan-popup>
<div class="zan-row">
@ -69,6 +76,9 @@ export default {
<div class="zan-row">
<zan-button @click="popupShow4 = true">从中间弹出popup</zan-button>
</div>
<zan-popup v-model="popupShow4" class="zan-popup-4">
从中间弹出popup
</zan-popup>
<script>
export default {

2
packages/zanui-css/src/popup.css
View File

@ -18,6 +18,7 @@
transition: .2s ease-out;
@m top {
width: 100%;
top: 0;
right: auto;
bottom: auto;
@ -34,6 +35,7 @@
}
@m bottom {
width: 100%;
top: auto;
bottom: 0;
right: auto;