From b85196fa2ec13d1ccc2c30a988fc10501025b8b3 Mon Sep 17 00:00:00 2001 From: jacobxu666 Date: Fri, 26 Jun 2026 11:49:40 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20bottom=20bar=20safe-area=20adaptation=20?= =?UTF-8?q?(height=20=E2=86=92=20min-height)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Affected pages: - order-detail: bottom action bar - card-buy: bottom price/pay bar - reserve-index: bottom submit bar Root cause: box-sizing:border-box + fixed height + padding-bottom:safe-area caused buttons to overflow when safe area inset is large (iPhone X+). Changed to min-height so bar expands naturally. Co-Authored-By: Claude --- src/pages/card-buy/card-buy.vue | 2 +- src/pages/order/order-detail.vue | 2 +- src/pages/reserve/reserve-index.vue | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/card-buy/card-buy.vue b/src/pages/card-buy/card-buy.vue index 195b3ca..d03b516 100644 --- a/src/pages/card-buy/card-buy.vue +++ b/src/pages/card-buy/card-buy.vue @@ -112,7 +112,7 @@ $bar-height: 120rpx; bottom: 0; width: 100%; box-sizing: border-box; - height: $bar-height; + min-height: $bar-height; background: $color-card; display: flex; align-items: center; diff --git a/src/pages/order/order-detail.vue b/src/pages/order/order-detail.vue index 396b4d1..82ee5f3 100644 --- a/src/pages/order/order-detail.vue +++ b/src/pages/order/order-detail.vue @@ -532,7 +532,7 @@ $bar-height: 120rpx; bottom: 0; width: 100%; box-sizing: border-box; - height: $bar-height; + min-height: $bar-height; background: $color-card; display: flex; align-items: center; diff --git a/src/pages/reserve/reserve-index.vue b/src/pages/reserve/reserve-index.vue index c057ae6..24b9155 100644 --- a/src/pages/reserve/reserve-index.vue +++ b/src/pages/reserve/reserve-index.vue @@ -612,7 +612,7 @@ $bar-height: 120rpx; bottom: 0; width: 100%; box-sizing: border-box; - height: $bar-height; + min-height: $bar-height; background: $color-card; display: flex; align-items: center;