From 501f6bfa0e5b8e35dcdaf5df3c4d77dd7e29678c Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Tue, 25 Apr 2023 22:30:33 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20fix(confirm):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=89=AF=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/t-confirm.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/t-confirm.vue b/src/components/t-confirm.vue
index 4dab8deb..db270d55 100644
--- a/src/components/t-confirm.vue
+++ b/src/components/t-confirm.vue
@@ -5,6 +5,9 @@
         <div class="confirm-title">
           {{ title }}
         </div>
+        <div v-show="subtitle!==''" class="confirm-subtitle">
+          {{ subtitle }}
+        </div>
         <div class="confirm-btn-box">
           <button class="confirm-btn" @click="onCancel">
             <img class="btn-icon" src="../assets/icons/circle-cancel.svg" alt="cancel">
@@ -30,6 +33,7 @@ import { computed } from "vue";
 
 interface TConfirmProps {
   title: string;
+  subtitle?: string;
   cancel?: string;
   confirm?: string;
   /** 此值为 true 时显示对话框 */
@@ -46,6 +50,7 @@ interface TConfirmEmits {
 const emits = defineEmits<TConfirmEmits>();
 const props = withDefaults(defineProps<TConfirmProps>(), {
   title: "确认",
+  subtitle: "",
   cancel: "取消",
   confirm: "确定",
 });
@@ -93,12 +98,24 @@ const onConfirm = () => {
   height: 20%;
   width: 100%;
   color: var(--content-text-2);
-  margin: 20px;
+  margin: 10px;
   font-size: 30px;
 }
 
+.confirm-subtitle {
+  border-top: 1px solid var(--btn-bg-2);
+  font-family: Genshin-Light, serif;
+  text-align: center;
+  height: 20%;
+  width: 100%;
+  color: var(--content-text-2);
+  font-size: 20px;
+}
+
 .confirm-btn-box {
-  height: 60%;
+  position: absolute;
+  bottom: 0;
+  height: 40%;
   width: 100%;
   display: flex;
   justify-content: space-around;