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 component

Browse Source
This commit is contained in:
cookfront 2017-02-24 19:26:30 +08:00
parent 75b86832f0
commit 042b286583
3 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,13 +1,13 @@
.v-modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.701961);
}
@component-namespace z { @component-namespace z {
@b modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.701961);
}
@b popup { @b popup {
position: fixed; position: fixed;
background-color: #fff; background-color: #fff;

2
src/mixins/popup/index.js
View File

@ -131,10 +131,8 @@ export default {
setTimeout(() => { setTimeout(() => {
if (this.modal && this.bodyOverflow !== 'hidden') { if (this.modal && this.bodyOverflow !== 'hidden') {
document.body.style.overflow = this.bodyOverflow; document.body.style.overflow = this.bodyOverflow;
document.body.style.paddingRight = this.bodyPaddingRight;
} }
this.bodyOverflow = null; this.bodyOverflow = null;
this.bodyPaddingRight = null;
}, 200); }, 200);
} }

7
src/mixins/popup/popup-manager.js
View File

@ -70,7 +70,7 @@ const PopupManager = {
const modalStack = this.modalStack; const modalStack = this.modalStack;
for (let i = 0, j = modalStack.length; i < j; i++) { for (let i = 0, len = modalStack.length; i < len; i++) {
const item = modalStack[i]; const item = modalStack[i];
if (item.id === id) { if (item.id === id) {
return; return;
@ -79,10 +79,7 @@ const PopupManager = {
const modalDom = getModal(); const modalDom = getModal();
addClass(modalDom, 'v-modal'); addClass(modalDom, 'z-modal');
setTimeout(() => {
removeClass(modalDom, 'v-modal-enter');
}, 200);
if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) { if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
dom.parentNode.appendChild(modalDom); dom.parentNode.appendChild(modalDom);