fix(mp): 商品详情页底部备注显示不全
- 移除 footer 的 position: absolute,改为 flex-shrink:0 自然固定 - 移除 scroll 区域的 padding-bottom: 90px 硬编码留白 - footer 添加 safe-area-inset-bottom 适配全面屏
This commit is contained in:
@@ -33,8 +33,8 @@
|
|||||||
|
|
||||||
&__scroll {
|
&__scroll {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: auto;
|
overflow-y: auto;
|
||||||
padding-bottom: 90px;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 商品大图
|
// 商品大图
|
||||||
@@ -173,13 +173,11 @@
|
|||||||
|
|
||||||
// 底部操作栏
|
// 底部操作栏
|
||||||
&__footer {
|
&__footer {
|
||||||
position: absolute;
|
flex-shrink: 0;
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background: $card;
|
background: $card;
|
||||||
border-top: 1px solid $bd;
|
border-top: 1px solid $bd;
|
||||||
padding: $sp-sm $sp-section;
|
padding: $sp-sm $sp-section;
|
||||||
|
padding-bottom: calc(#{$sp-sm} + env(safe-area-inset-bottom));
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: $sp-sm;
|
gap: $sp-sm;
|
||||||
|
|||||||
Reference in New Issue
Block a user