From 42d94ce290ca0b6cb0919f56472f4825cc4612fe Mon Sep 17 00:00:00 2001 From: luo Date: Thu, 13 Aug 2026 14:22:41 +0800 Subject: [PATCH] fix: ui --- pages/order-list/order-list.vue | 12 +++++++----- pages/package-order/package-order.vue | 11 +++++++---- 2 files changed, 14 insertions(+), 9 deletions(-) diff --git a/pages/order-list/order-list.vue b/pages/order-list/order-list.vue index eeeacbc..5684af4 100644 --- a/pages/order-list/order-list.vue +++ b/pages/order-list/order-list.vue @@ -500,8 +500,10 @@ /* Screenshot-aligned order list skin */ .container { position: fixed; - inset: 0; - top: var(--window-top); + top: 88rpx; + right: 0; + bottom: 0; + left: 0; background: #f8f9fb; padding: 0; gap: 0; @@ -595,9 +597,9 @@ } .order-swiper { - /* swiper 在 H5 中无法可靠地从 flex 容器继承剩余高度。 */ - flex: none; - height: calc(100% - 92rpx); + /* 固定页面提供确定高度,轮播填充 Tab 下方的全部可用空间。 */ + flex: 1 1 0; + height: auto; overflow: hidden; } diff --git a/pages/package-order/package-order.vue b/pages/package-order/package-order.vue index a3ce984..bc2a283 100644 --- a/pages/package-order/package-order.vue +++ b/pages/package-order/package-order.vue @@ -724,7 +724,10 @@ /* Screenshot-aligned package list skin */ .container { position: fixed; - inset: 0; + top: 88rpx; + right: 0; + bottom: 0; + left: 0; display: flex; flex-direction: column; gap: 18rpx; @@ -859,9 +862,9 @@ } .package-swiper { - /* swiper 在 H5 中无法可靠地从嵌套 flex 获取自动高度。 */ - flex: none; - height: calc(100% - 116rpx); + /* 固定页面提供确定高度,轮播填充 Tab 下方的全部可用空间。 */ + flex: 1 1 0; + height: auto; overflow: hidden; }