fix(支付弹窗): 调整支付弹窗高度并优化关闭逻辑

将支付弹窗的高度从90%调整为50%，并移除不必要的关闭图标。在支付失败时，直接关闭弹窗而不是显示错误提示，以提升用户体验。

@@ -16,7 +16,6 @@
       </FrostedGlass>
       </FrostedGlass>
     </div>
     </div>
 
 
-
     <div v-else-if="!orderComplete" class="pb-20">
     <div v-else-if="!orderComplete" class="pb-20">
       <!-- Order Summary -->
       <!-- Order Summary -->
       <div class="p-4 bg-gradient-to-r from-green-500/10 to-blue-500/10">
       <div class="p-4 bg-gradient-to-r from-green-500/10 to-blue-500/10">
@@ -253,17 +252,17 @@
       v-model:show="showPayment"
       v-model:show="showPayment"
       position="bottom"
       position="bottom"
       round
       round
-      closeable
-      close-icon-position="top-right"
-      :style="{ height: '90%' }"
+      :style="{ height: '50%' }"
     >
     >
       <div class="bg-gradient-to-r from-green-500/10 to-blue-500/10 h-full">
       <div class="bg-gradient-to-r from-green-500/10 to-blue-500/10 h-full">
         <WechatPayment
         <WechatPayment
           v-if="showPayment && orderId"
           v-if="showPayment && orderId"
           :order-id="orderId"
           :order-id="orderId"
+          cancelBtnText="关闭"
           @success="handlePaymentSuccess"
           @success="handlePaymentSuccess"
           @failed="handlePaymentFailed"
           @failed="handlePaymentFailed"
           @processing="handlePaymentProcessing"
           @processing="handlePaymentProcessing"
+          @cancel="showPayment = false"
         >
         >
           <template #success-action>
           <template #success-action>
             <button
             <button
@@ -275,10 +274,10 @@
           </template>
           </template>
           <template #failed-action>
           <template #failed-action>
             <button
             <button
-              @click="handleBackToHome"
+              @click="showPayment = false"
               class="w-full bg-gray-100 text-gray-700 py-3 sm:py-3.5 rounded-xl font-medium text-base sm:text-lg hover:bg-gray-200 transition-colors"
               class="w-full bg-gray-100 text-gray-700 py-3 sm:py-3.5 rounded-xl font-medium text-base sm:text-lg hover:bg-gray-200 transition-colors"
             >
             >
-              返回首页
+              关闭
             </button>
             </button>
           </template>
           </template>
         </WechatPayment>
         </WechatPayment>

@@ -162,9 +162,7 @@
       v-model:show="showPaymentPopup"
       v-model:show="showPaymentPopup"
       position="bottom"
       position="bottom"
       round
       round
-      closeable
-      close-icon-position="top-right"
-      :style="{ height: '90%' }"
+      :style="{ height: '50%' }"
     >
     >
       <div class="bg-gradient-to-r from-green-500/10 to-blue-500/10 h-full">
       <div class="bg-gradient-to-r from-green-500/10 to-blue-500/10 h-full">
         <WechatPayment
         <WechatPayment
@@ -173,7 +171,16 @@
           @success="handlePaymentSuccess"
           @success="handlePaymentSuccess"
           @failed="handlePaymentFailed"
           @failed="handlePaymentFailed"
           @processing="handlePaymentProcessing"
           @processing="handlePaymentProcessing"
-        />
+        >
+          <template #failed-action>
+            <button
+              @click="showPaymentPopup = false"
+              class="w-full bg-gray-100 text-gray-700 py-3 sm:py-3.5 rounded-xl font-medium text-base sm:text-lg hover:bg-gray-200 transition-colors"
+            >
+              关闭
+            </button>
+          </template>
+        </WechatPayment>
       </div>
       </div>
     </van-popup>
     </van-popup>
   </AppLayout>
   </AppLayout>
@@ -316,7 +323,7 @@ const handlePaymentSuccess = () => {
 
 
 // 处理支付失败
 // 处理支付失败
 const handlePaymentFailed = (error) => {
 const handlePaymentFailed = (error) => {
-  showToast(error || '支付失败')
+  // showToast(error || '支付失败')
 }
 }
 
 
 // 处理支付处理中
 // 处理支付处理中