fix

 <!--
  * @Date: 2024-01-24 16:38:13
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-24 17:00:48
+ * @LastEditTime: 2024-01-24 17:17:11
  * @FilePath: /xysBooking/src/components/reserveCard.vue
  * @Description: 文件描述
 -->
@@ -165,7 +165,7 @@ const delay_pay_show = computed(() => {
 let timeId = null;
 
 onMounted(() => {
-  remain_time.value = 5;
+  remain_time.value = props.data.rest_second;
   // 进入页面后，开始倒计时
   timeId = setInterval(() => {
     remain_time.value ? (remain_time.value -= 1) : 0;

 <!--
  * @Date: 2024-01-15 16:25:51
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-24 17:07:45
+ * @LastEditTime: 2024-01-24 17:28:25
  * @FilePath: /xysBooking/src/views/submit.vue
  * @Description: 预约人员信息
 -->
@@ -33,13 +33,15 @@
     </div>
     <div style="height: 5rem;"></div>
     <div class="submit-wrapper">
-      <div class="left">
-        <div style="margin-left: 1rem; display: flex;align-items: center;">
-          订单金额&nbsp;&nbsp;<div style="color: #FF1919;display: inline-block;">¥<div style="font-size: 1.5rem;display: inline-block;">&nbsp;{{ total }}</div></div>
+      <div style="display: flex; justify-content: space-between;">
+        <div class="left">
+          <div style="margin-left: 1rem; display: flex;align-items: center;">
+            订单金额&nbsp;&nbsp;<div style="color: #FF1919;display: inline-block;">¥<div style="font-size: 1.5rem;display: inline-block;">&nbsp;{{ total }}</div></div>
+          </div>
         </div>
-        <div style="font-size: 0.75rem;margin-left: 1rem;color: #FF1919;">提交后请在10分钟内完成支付</div>
+        <div @click="submitBtn" class="right">提交订单</div>
       </div>
-      <div @click="submitBtn" class="right">提交订单</div>
+      <div style="font-size: 0.85rem;margin-left: 1rem;color: #FF1919; margin-bottom: 1rem;">提交后请在10分钟内完成支付</div>
     </div>
   </div>
 </template>
@@ -199,11 +201,11 @@ onMounted(async () => {
     background-color: #FFF;
     // padding: 1rem;
     justify-content: space-between;
+    flex-direction: column;
     .left {
       display: flex;
       justify-content: center;
       align-items: left;
-      flex-direction: column;
       flex-wrap: nowrap;
     }
     .right {
@@ -213,6 +215,7 @@ onMounted(async () => {
       padding: 0.8rem 3rem;
       border-radius: 5px;
       font-size: 1.1rem;
+      margin-bottom: 0;
     }
   }
 }