Pre Merge pull request !213 from AKING/N/A

src/components/Dialog/src/Dialog.vue

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