From 358255d50acb98bfab1f02309f8dd03750b5b9b2 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sat, 14 Oct 2023 01:33:41 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E4=BF=AE=E5=A4=8D=20text=20?=
 =?UTF-8?q?=E8=BF=87=E9=95=BF=E6=97=B6=E6=BA=A2=E5=87=BA=E5=AE=B9=E5=99=A8?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/func/confirm.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/func/confirm.vue b/src/components/func/confirm.vue
index 2485093c..7a68a138 100644
--- a/src/components/func/confirm.vue
+++ b/src/components/func/confirm.vue
@@ -6,7 +6,11 @@
           <div class="confirm-title">
             {{ data.title }}
           </div>
-          <div v-if="data?.text !== '' && data.mode === 'confirm'" class="confirm-subtitle">
+          <div
+            v-if="data?.text !== '' && data.mode === 'confirm'"
+            class="confirm-subtitle"
+            :title="data.text"
+          >
             {{ data.text }}
           </div>
           <div v-if="data?.text !== '' && data.mode === 'input'" class="confirm-input">
@@ -200,11 +204,15 @@ defineExpose({
 }
 
 .confirm-subtitle {
+  overflow: hidden;
   width: 100%;
   color: var(--box-text-4);
   font-family: var(--font-text);
   font-size: 20px;
   text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: break-all;
 }
 
 .confirm-input {