update src/components/Dialog/src/Dialog.vue.

解决了单独使用elementplus diaolog组件时,样式被篡改的问题


Signed-off-by: AKING <2734339436@qq.com>
(cherry picked from commit cba35d698f)
This commit is contained in:
AKING 2023-08-22 09:06:09 +00:00 committed by shizhong
parent 943516c502
commit 70b1161ec1

View File

@ -66,6 +66,7 @@ const dialogStyle = computed(() => {
lock-scroll lock-scroll
draggable draggable
top="0" top="0"
class="com-dialog"
:show-close="false" :show-close="false"
> >
<template #header="{ close }"> <template #header="{ close }">
@ -106,13 +107,14 @@ const dialogStyle = computed(() => {
</template> </template>
<style lang="scss"> <style lang="scss">
.#{$elNamespace}-overlay-dialog { .com-dialog {
.#{$elNamespace}-overlay-dialog {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.#{$elNamespace}-dialog { .#{$elNamespace}-dialog {
margin: 0 !important; margin: 0 !important;
&__header { &__header {
@ -133,5 +135,6 @@ const dialogStyle = computed(() => {
&__headerbtn { &__headerbtn {
top: 0; top: 0;
} }
}
} }
</style> </style>