diff --git a/apps/miniprogram/src/pages/pkg-mall/product/index.scss b/apps/miniprogram/src/pages/pkg-mall/product/index.scss index 369da76..f92fee7 100644 --- a/apps/miniprogram/src/pages/pkg-mall/product/index.scss +++ b/apps/miniprogram/src/pages/pkg-mall/product/index.scss @@ -5,9 +5,6 @@ .product-detail { background: $bg; - display: flex; - flex-direction: column; - height: 100%; &__loading, &__empty { @include flex-center; @@ -32,9 +29,7 @@ } &__scroll { - flex: 1; - overflow-y: auto; - -webkit-overflow-scrolling: touch; + padding-bottom: calc(70px + env(safe-area-inset-bottom)); } // 商品大图 @@ -171,9 +166,12 @@ line-height: 1.6; } - // 底部操作栏 + // 底部操作栏 — fixed 固定在视口底部 &__footer { - flex-shrink: 0; + position: fixed; + bottom: 0; + left: 0; + right: 0; background: $card; border-top: 1px solid $bd; padding: $sp-sm $sp-section;