Kaynağa Gözat

fix(BasicModal): 修复BasicModal添加wrapClassName样式异常问题 (#3726)

* fix(BasicModal): 全屏样式异常

* fix(BasicModal): 修复BasicModal添加wrapClassName样式异常问题

* fix(BasicModal): 修复BasicModal添加wrapClassName样式异常问题
zhang 1 yıl önce
ebeveyn
işleme
13b031eef9

+ 5 - 2
src/components/Modal/src/BasicModal.vue

@@ -151,8 +151,11 @@
       ...unref(getMergeProps),
       open: unref(openRef),
     };
-    attr['wrapClassName'] =
-      `${attr?.['wrapClassName'] || ''} ${unref(getWrapClassName)}` + 'vben-basic-modal-wrap';
+    if (attr?.['wrapClassName'] === unref(getWrapClassName)) {
+      attr['wrapClassName'] = `${attr?.['wrapClassName'] || ''} ` + prefixCls;
+    } else {
+      attr['wrapClassName'] = `${unref(getWrapClassName) || ''}` + prefixCls;
+    }
     if (unref(fullScreenRef)) {
       return omit(attr, ['height', 'title']);
     }

+ 2 - 2
src/components/Modal/src/index.less

@@ -1,4 +1,4 @@
-@prefix-cls: ~'@{namespace}-basic-modal-wrap';
+@modal-prefix-cls: ~'@{namespace}-basic-modal';
 
 .fullscreen-modal {
   overflow: hidden;
@@ -20,7 +20,7 @@
   }
 }
 
-.@{prefix-cls} {
+.@{modal-prefix-cls} {
   .ant-modal {
     width: 520px;
     padding-bottom: 0;