diff --git a/src/components/Modal/src/BasicModal.vue b/src/components/Modal/src/BasicModal.vue index b01ef5db3..e4aa4d3e8 100644 --- a/src/components/Modal/src/BasicModal.vue +++ b/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']); } diff --git a/src/components/Modal/src/index.less b/src/components/Modal/src/index.less index 10fc76833..600797c8e 100644 --- a/src/components/Modal/src/index.less +++ b/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;