弹框

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

@@ -1,15 +1,9 @@
 <template>
-  <div
+  <div class="YJ-custom-base-dialog" :class="className" ref="baseDialog" :id="id" v-if="dialogVisible"
-    class="YJ-custom-base-dialog"
+    v-show="dialogVisible">
-    :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="title">{{ title }}</span><span class="close-box" @click="close"><span
-      ><span class="close-box" @click="close"><span class="close"></span><i>✕</i></span>
+          class="close"></span><i>✕</i></span>
     </div>
     <div class="content" style="padding: 0 24px 0 24px">
       <div>
@@ -116,11 +110,11 @@ const open = (data) => {
   if (!first.value) {
     first.value = true
     dialogVisible.value = true
+  }
+  dialogVisible.value = true
   nextTick(() => {
     moveDiv()
   })
-  }
-  dialogVisible.value = true
   nextTick(() => {
     // setTimeout(() => {
     //   openPosition()
@@ -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);
     }