From b42b13f79a560153b19258278dcb87671ea8d58a Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sat, 3 Jan 2026 00:58:11 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E5=BD=93=E5=85=81=E8=AE=B8?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E5=A4=96=E9=83=A8=E5=85=B3=E9=97=AD=E6=97=B6?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

close #201
---
 src/components/func/dialog.vue  | 24 ++++++++++++++++++++++++
 src/pages/common/PageConfig.vue |  6 +++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/components/func/dialog.vue b/src/components/func/dialog.vue
index 53987ca0..592d6b78 100644
--- a/src/components/func/dialog.vue
+++ b/src/components/func/dialog.vue
@@ -29,6 +29,9 @@
               {{ data.confirmLabel }}
             </button>
           </div>
+          <div v-if="!!data.otcancel" class="dialog-close-btn" title="关闭" @click="handleOuter">
+            x
+          </div>
         </div>
       </transition>
     </div>
@@ -238,6 +241,7 @@ defineExpose({ displayInputBox, displayCheckBox });
 }
 
 .dialog-box {
+  position: relative;
   display: flex;
   width: 520px;
   height: 240px;
@@ -312,6 +316,26 @@ defineExpose({ displayInputBox, displayCheckBox });
   font-size: 20px;
 }
 
+.dialog-close-btn {
+  position: absolute;
+  right: 50%;
+  bottom: -40px;
+  display: flex;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--dialog-title);
+  color: var(--tgc-yellow-3);
+  cursor: pointer;
+  font-family: var(--font-title);
+  font-size: 16px;
+  line-height: 24px;
+  transform: translateX(50%);
+  user-select: none;
+}
+
 .no-btn {
   border: 1px solid var(--tgc-yellow-1);
 }
diff --git a/src/pages/common/PageConfig.vue b/src/pages/common/PageConfig.vue
index 6e151665..c8c8124f 100644
--- a/src/pages/common/PageConfig.vue
+++ b/src/pages/common/PageConfig.vue
@@ -228,7 +228,11 @@ onMounted(async () => {
 
 // 备份数据
 async function confirmBackup(): Promise<void> {
-  const bcCheck = await showDialog.check("是否备份到默认路径", "取消则自选路径，点击外部不做处理");
+  const bcCheck = await showDialog.checkF({
+    title: "是否备份到默认路径",
+    text: `${userDir.value}`,
+    cancelLabel: "自选路径",
+  });
   if (bcCheck === undefined) {
     showSnackbar.cancel("已取消备份");
     return;