root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source 
解决了单独使用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
1 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/Dialog/src/Dialog.vue
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,32 +107,34 @@ const dialogStyle = computed(() => {
</template> </template>
<style lang="scss"> <style lang="scss">
.#{$elNamespace}-overlay-dialog { .com-dialog {
display: flex; .#{$elNamespace}-overlay-dialog {
justify-content: center; display: flex;
align-items: center; justify-content: center;
} align-items: center;
.#{$elNamespace}-dialog {
margin: 0 !important;
&__header {
height: 54px;
padding: 0;
margin-right: 0 !important;
border-bottom: 1px solid var(--el-border-color);
} }
&__body { .#{$elNamespace}-dialog {
padding: 15px !important; margin: 0 !important;
}
&__footer { &__header {
border-top: 1px solid var(--el-border-color); height: 54px;
} padding: 0;
margin-right: 0 !important;
border-bottom: 1px solid var(--el-border-color);
}
&__headerbtn { &__body {
top: 0; padding: 15px !important;
}
&__footer {
border-top: 1px solid var(--el-border-color);
}
&__headerbtn {
top: 0;
}
} }
} }
</style> </style>