更新弹出框UI

src/components/dialog.vue

@@ -2,10 +2,10 @@
     <teleport to="#app">
         <div class="dialog" v-show="show" @contextmenu.prevent="console.log('禁用浏览器默认右键功能')">
             <div class="title" v-if="title">
-                <i class="close" @click="show = false; emit('close')"></i>
                 <span>{{ title }}</span>
             </div>
             <slot />
+            <i class="close" @click="show = false; emit('close')"></i>
         </div>
     </teleport>
 </template>

src/components/drawer.vue

@@ -2,11 +2,11 @@
     <teleport to="#app">
         <div class="drawer" @click="show = false" v-show="show" @contextmenu.prevent="console.log('禁用浏览器默认右键功能')">
             <div class="content" :style="style" @click.native.stop>
-                <div class="title" v-if="showHeader">
-                    <i class="close" @click="show = false; emit('close')"></i>
+                <div class="title" v-if="title">
                     <span>{{ title }}</span>
                 </div>
                 <slot />
+                <i class="close" @click="show = false; emit('close')"></i>
             </div>
         </div>
     </teleport>
@@ -28,10 +28,6 @@ const prop = defineProps({
         type: Boolean,
         default: false
     },
-    showHeader: {
-        type: Boolean,
-        default: true
-    },
     title: {
         type: String,
         defalut: ""
@@ -128,7 +124,7 @@ onBeforeUnmount(() => {
 .close {
     cursor: pointer;
     position: absolute;
-    top: 0.5rem;
+    top: 1.5rem;
     right: 0.5rem;
     display: block;
     width: 2rem;

src/views/version/version.vue

@@ -4,7 +4,7 @@
         <img class="menu-img" :src="menu_icons.extras" @click="showMenu">
     </Tooltip>
 
-    <Drawer :title="t('version.0')" v-model="showVersion" width="35%">
+    <Drawer v-model="showVersion" width="35%">
         <UpdateLog />
     </Drawer>