edit dialog

src/view/components/message-box.vue

@@ -2,18 +2,17 @@
 <template>
     <div class="msg-box-overlay" v-if="dialogVisible">
         <div class="content-wrapper">
-            <div class="title">{{title}}</div>
-            <div class="desc">{{content}}</div>
+            <div class="title" :class="{'fill': !content}">{{title}}</div>
+            <div class="desc" v-if="content">{{content}}</div>
             <div class="btn-wrapper">
-                <div class="btn cancel" @click="cancel">Not yet</div>
-                <div class="btn confirm" @click="confirm">Deposit</div>
+                <div class="btn cancel" @click="cancel">{{cancelTxt}}</div>
+                <div class="btn confirm" @click="confirm">{{confirmTxt}}</div>
             </div>
         </div>
     </div>
 </template>
 
 <script setup>
-/* eslint-disable */
 import { ref, defineEmits, defineProps } from "vue";
 const props = defineProps({
     dialogVisible: {
@@ -28,6 +27,14 @@ const props = defineProps({
         type: String,
         default: ''
     },
+    cancelTxt: {
+        type: String,
+        default: 'Not yet',
+    },
+    confirmTxt: {
+        type: String,
+        default: 'Deposit',
+    }
 });
 
 const emits = defineEmits(["cancel", "confirm"]);
@@ -60,7 +67,7 @@ const confirm = () => {
         left: 50%;
         top: 50%;
         width: 375px;
-        min-height: 220px;
+        // min-height: 220px;
         background: #FFFFFF;
         border-radius: 20px;
         padding: 20px;
@@ -72,7 +79,13 @@ const confirm = () => {
             font-weight: 600;
             font-size: 20px;
             margin-bottom: 13px;
+            box-sizing: border-box;
         }
+
+        .fill {
+            padding: 20px 0;
+        }
+
         .desc {
             height: 68px;
             font-weight: 400;

src/view/iframe/publish/give-dialog.vue

@@ -444,8 +444,13 @@
             :title="messageBoxData.title"
             :content="messageBoxData.content"
             @cancel="messageBoxCancel"
-            @confirm="messageBoxConfirm"
-        ></message-box>
+            @confirm="messageBoxConfirm"></message-box>
+
+        <message-box
+            :dialogVisible="showDepositMessageBox"
+            title="Is the Deposit Completed?"
+            @cancel="depositCancel"
+            @confirm="depositConfirm"></message-box>
 
         <!-- 裁剪 -->
         <div class="dialog" v-if="cropperDialog">
@@ -600,6 +605,8 @@ let isBack = ref(false);
 // 展示消息提示 
 let showMessageBox = ref(false);
 
+let showDepositMessageBox = ref(false);
+
 // 展示货币列表pop
 let showCurrencyPop = ref(false);
 let showCurrencySelect = ref(false);