diff --git a/pages/order-list/order-list.vue b/pages/order-list/order-list.vue index 77d1155..eeeacbc 100644 --- a/pages/order-list/order-list.vue +++ b/pages/order-list/order-list.vue @@ -499,13 +499,14 @@ /* Screenshot-aligned order list skin */ .container { + position: fixed; + inset: 0; top: var(--window-top); background: #f8f9fb; padding: 0; gap: 0; padding-top: 0; - height: 100vh; - height: 100dvh; + height: auto; min-height: 0; overflow: hidden; } @@ -514,9 +515,6 @@ display: flex; align-items: stretch; flex-shrink: 0; - position: sticky; - top: 0; - z-index: 2; margin-top: 0; padding: 0 20rpx; background: #fff; @@ -553,9 +551,7 @@ } .container .filter-tabs { - position: sticky; - top: 0; - z-index: 2; + position: relative; margin-top: 0; padding: 8rpx; background: #fff; @@ -601,8 +597,7 @@ .order-swiper { /* swiper 在 H5 中无法可靠地从 flex 容器继承剩余高度。 */ flex: none; - height: calc(100vh - 108rpx); - height: calc(100dvh - 108rpx); + height: calc(100% - 92rpx); overflow: hidden; } diff --git a/pages/package-order/package-order.vue b/pages/package-order/package-order.vue index f4ff76a..a3ce984 100644 --- a/pages/package-order/package-order.vue +++ b/pages/package-order/package-order.vue @@ -723,12 +723,13 @@ /* Screenshot-aligned package list skin */ .container { + position: fixed; + inset: 0; display: flex; flex-direction: column; gap: 18rpx; padding: 20rpx 24rpx 48rpx; - height: 100vh; - height: 100dvh; + height: auto; min-height: 0; background: #f8f9fb; box-sizing: border-box; @@ -745,9 +746,7 @@ .tab-header { flex-shrink: 0; display: flex; - position: sticky; - top: 0; - z-index: 2; + position: relative; background: #fff; border-radius: 16rpx; padding: 8rpx; @@ -862,8 +861,7 @@ .package-swiper { /* swiper 在 H5 中无法可靠地从嵌套 flex 获取自动高度。 */ flex: none; - height: calc(100vh - 190rpx); - height: calc(100dvh - 190rpx); + height: calc(100% - 116rpx); overflow: hidden; }