style(offlineQrCode): 限制文本显示为单行并添加省略号

fix(submit): 添加支付循环的初始化标志
style(offlineBookingDetail): 调整提示图标间距和按钮内边距

@@ -168,6 +168,12 @@ watch(() => props.list, (newVal) => {
       font-size: 37rpx;
       margin-top: 16rpx;
       margin-bottom: 16rpx;
+      // 只显示一行
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      // 不能超过容器宽度
+      max-width: 600rpx;
     }
     .user-qrcode {
       display: flex;

 <template>
     <view class="offline-booking-detail-page">
         <view class="header-tip">
-            <IconFont name="tips" size="15" color="#A67939" />
+            <IconFont name="tips" size="15" color="#A67939" />&nbsp;
             <text>您当前处于离线模式，仅展示本地缓存的数据</text>
         </view>
 
@@ -165,7 +165,7 @@ useDidShow(() => {
             color: #FFF;
             border-radius: 16rpx;
             font-size: 32rpx;
-            padding: 22rpx 0;
+            padding: 12rpx 0;
         }
     }
 }

 <!--
  * @Date: 2024-01-15 16:25:51
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-01-16 19:47:01
+ * @LastEditTime: 2026-01-16 20:09:30
  * @FilePath: /xyxBooking-weapp/src/pages/submit/index.vue
  * @Description: 预约人员信息
 -->
@@ -208,6 +208,7 @@ const submitBtn = async () => {
 
     // 以接口返回的 need_pay 为准：1=需要支付，0=不需要支付
     if (Number(need_pay) === 1 || need_pay === true) {
+      // 初始化循环
       let should_continue = true;
       // 循环支付直到支付成功或用户取消支付
       while (should_continue) {