fix(mp): 商品详情页底部备注显示不全

- 移除 footer 的 position: absolute,改为 flex-shrink:0 自然固定
- 移除 scroll 区域的 padding-bottom: 90px 硬编码留白
- footer 添加 safe-area-inset-bottom 适配全面屏
This commit is contained in:
iven
2026-05-22 20:02:23 +08:00
parent 0748d20b4c
commit 7f324466bf

View File

@@ -33,8 +33,8 @@
&__scroll {
flex: 1;
overflow: auto;
padding-bottom: 90px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
// 商品大图
@@ -173,13 +173,11 @@
// 底部操作栏
&__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
flex-shrink: 0;
background: $card;
border-top: 1px solid $bd;
padding: $sp-sm $sp-section;
padding-bottom: calc(#{$sp-sm} + env(safe-area-inset-bottom));
display: flex;
align-items: center;
gap: $sp-sm;