sunshibo 1 miesiąc temu
rodzic
commit
3da5f4f826
1 zmienionych plików z 27 dodań i 9 usunięć
  1. 27 9
      pages/placeOrder/index.vue

+ 27 - 9
pages/placeOrder/index.vue

@@ -108,15 +108,17 @@
       <view class="bottom-button-text" hover-class="hover-active" @click="handleConfirmOrder">确认下单</view>
     </view>
 
-    <!-- 选择优惠券弹窗(仅确认下单时可选) -->
-    <SelectCouponModal
-      v-model:open="couponModalOpen"
-      :coupon-list="couponList"
-      :selected-coupon-id="selectedCouponId"
-      :view-only="false"
-      @select="handleCouponSelect"
-      @close="couponModalOpen = false"
-    />
+    <!-- 选择优惠券弹窗(需盖住底部确认订单按钮) -->
+    <view class="coupon-modal-wrapper">
+      <SelectCouponModal
+        v-model:open="couponModalOpen"
+        :coupon-list="couponList"
+        :selected-coupon-id="selectedCouponId"
+        :view-only="false"
+        @select="handleCouponSelect"
+        @close="couponModalOpen = false"
+      />
+    </view>
   </view>
 </template>
 
@@ -618,6 +620,22 @@ onUnload(() => {
   }
 }
 
+/* 优惠券弹窗层级:需盖住底部确认订单按钮(z-index:999) */
+.coupon-modal-wrapper {
+  position: relative;
+  z-index: 99999;
+  :deep(.uni-popup) {
+    z-index: 99999 !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+  }
+  :deep(.uni-popup__wrapper) {
+    z-index: 99999 !important;
+  }
+}
+
 .bottom-button {
   width: 100%;
   background-color: #fff;