提示更优化

pages/detail/serviceDetail.vue

@@ -119,6 +119,9 @@
         <text class="coupon-deduction" v-if="selectedCoupon && couponDiscountFen > 0">-¥{{ (couponDiscountFen / 100).toFixed(2) }}</text>
         <text class="coupon-arrow">›</text>
       </view>
+      <view class="settle-info">
+        <text class="settle-text">资金结算方：{{ storeInfo.name || '商户' }}</text>
+      </view>
       <button
         class="checkout-btn"
         :class="{ disabled: totalAmount <= 0 }"
@@ -516,7 +519,15 @@ export default {
         });
       }
       // 调用支付信息 res 为订单信息
-      this.handlePay(res);
+      uni.showModal({
+        title: "确认结算",
+        content: `将跳转至商户收款小程序完成结算。\n资金直接结算至：${this.storeInfo.name || '商户'}（商户号：${res.tlPayCusid || '已配置'}）。是否继续？`,
+        success: (mres) => {
+          if (mres.confirm) {
+            this.handlePay(res);
+          }
+        }
+      });
     },
     // 支付调用
     async handlePay(order) {
@@ -905,6 +916,8 @@ export default {
   .total-info {
     display: flex;
     align-items: baseline;
+    position: relative;
+    top: -15rpx;
 
     .total-label {
       font-family: PingFang-SC, PingFang-SC;
@@ -928,6 +941,7 @@ export default {
       background: rgba(255, 107, 0, 0.1);
       padding: 4rpx 12rpx;
       border-radius: 8rpx;
+      margin-top: -4rpx;
 
       .crown-icon {
         width: 23rpx;
@@ -955,6 +969,15 @@ export default {
     border-radius: 10rpx;
     color: #d51c3c;
   }
+  .settle-info {
+    position: absolute;
+    left: 20rpx;
+    bottom: 10rpx;
+  }
+  .settle-text {
+    font-size: 22rpx;
+    color: #666;
+  }
   .coupon-icon {
     width: 24rpx;
     height: 24rpx;