Browse Source

fix:修复dialog层级

guoxiao158 5 years ago
parent
commit
ff3a24fcec
1 changed files with 18 additions and 18 deletions
  1. 18 18
      src/packages/dialog/_dialog.js

+ 18 - 18
src/packages/dialog/_dialog.js

@@ -5,9 +5,9 @@ let DialogConstructor = Vue.extend(settings);
 
 let inst;
 
-let Dialog = function (options) {
+let Dialog = function(options) {
     options.id = options.id || 'nut-dialog-default-id';
-    if (options.type === 'image' && typeof (options.closeBtn) === 'undefined'){
+    if (options.type === 'image' && typeof(options.closeBtn) === 'undefined') {
         options.closeBtn = true;
     }
 
@@ -17,29 +17,29 @@ let Dialog = function (options) {
 
     inst.vm = inst.$mount();
 
-    let dialogDom = document.querySelector('#'+options.id);
-    if (options.id && dialogDom){
+    let dialogDom = document.querySelector('#' + options.id);
+    if (options.id && dialogDom) {
         dialogDom.parentNode.replaceChild(inst.$el, dialogDom);
-    }else{
+    } else {
         document.body.appendChild(inst.$el);
     }
 
-    setTimeout(() => {
-        //  设置z-index保证最新的弹窗再最上面
-        let dialogThis = document.querySelector('#'+options.id);
-        var nutDialogWrapper = document.getElementsByClassName('nut-dialog-wrapper');
-        var zIndexNum = 100 + (10 * (nutDialogWrapper.length));
-        dialogThis.style.zIndex = zIndexNum;
-        setTimeout(function() {
-            for(var i = 0;i < nutDialogWrapper.length;i++) {
-                nutDialogWrapper[i].style.zIndex = zIndexNum - 1 - i;
-            }
-        }, 0);
-    }, 10);
+    // setTimeout(() => {
+    //     //  设置z-index保证最新的弹窗再最上面
+    //     let dialogThis = document.querySelector('#'+options.id);
+    //     var nutDialogWrapper = document.getElementsByClassName('nut-dialog-wrapper');
+    //     var zIndexNum = 100 + (10 * (nutDialogWrapper.length));
+    //     dialogThis.style.zIndex = zIndexNum;
+    //     setTimeout(function() {
+    //         for(var i = 0;i < nutDialogWrapper.length;i++) {
+    //             nutDialogWrapper[i].style.zIndex = zIndexNum - 1 - i;
+    //         }
+    //     }, 0);
+    // }, 10);
 
     Vue.nextTick(() => {
         inst.visible = true;
     });
 };
 
-export default Dialog;
+export default Dialog;