弹框

src/renderer/src/components/dialog/baseDialog.vue

@@ -1,15 +1,9 @@
 <template>
-  <div
-    class="YJ-custom-base-dialog"
-    :class="className"
-    ref="baseDialog"
-    :id="id"
-    v-if="dialogVisible"
-    v-show="dialogVisible"
-  >
+  <div class="YJ-custom-base-dialog" :class="className" ref="baseDialog" :id="id" v-if="dialogVisible"
+    v-show="dialogVisible">
     <div class="title-box" ref="titleBox">
-      <span class="title">{{ title }}</span
-      ><span class="close-box" @click="close"><span class="close"></span><i>✕</i></span>
+      <span class="title">{{ title }}</span><span class="close-box" @click="close"><span
+          class="close"></span><i>✕</i></span>
     </div>
     <div class="content" style="padding: 0 24px 0 24px">
       <div>
@@ -83,7 +77,7 @@ const props = defineProps({
   },
   closeCallback: {
     type: Function,
-    default: () => {}
+    default: () => { }
   }
 })
 
@@ -116,16 +110,16 @@ const open = (data) => {
   if (!first.value) {
     first.value = true
     dialogVisible.value = true
+  }
+  dialogVisible.value = true
   nextTick(() => {
     moveDiv()
   })
-  }
-  dialogVisible.value = true
   nextTick(() => {
     // setTimeout(() => {
     //   openPosition()
     // }, 0)
-    if(baseDialog.value) {
+    if (baseDialog.value) {
       baseDialog.value.style.width = props.width
       baseDialog.value.style.height = props.height
       baseDialog.value.style.top = props.top
@@ -271,20 +265,25 @@ defineExpose({
 .YJ-custom-base-dialog {
   ::v-deep .el-tabs {
     width: 100%;
+
     .el-tabs__item {
       padding: 0 8px;
       color: #fff;
     }
+
     .el-tabs__item:nth-child(2) {
       padding-left: 0;
     }
+
     .el-tabs__item.is-active,
     .el-tabs__item:hover {
       color: #fff;
     }
+
     .el-tabs__active-bar {
       background-color: rgb(0, 255, 255);
     }
+
     .el-tabs__nav-wrap:after {
       background-color: rgba(204, 204, 204, 0.2);
     }