🐞 fix(高度): 调整page高度
This commit is contained in:
parent
908bd653b3
commit
b7c6c0668f
@ -8,8 +8,9 @@
|
||||
[相关说明](https://developers.weixin.qq.com/community/develop/doc/000a60f7d58a982f08d7ddfc456000)
|
||||
*/
|
||||
|
||||
// 总高度 - 自定义tabbar高度 - apple小黑条高度
|
||||
page {
|
||||
height: 100%;
|
||||
height: calc(100% - #{$customTabBarHeight} - constant(safe-area-inset-bottom));
|
||||
height: calc(100% - #{$customTabBarHeight} - env(safe-area-inset-bottom));
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
|
@ -3,7 +3,7 @@
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
height: $customTabBarHeight;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
|
@ -16,6 +16,9 @@ $font_size: 28px;
|
||||
$font_size_medium: 24px;
|
||||
$font_size_min: 22px;
|
||||
|
||||
$customTabBarHeight: 100px;
|
||||
|
||||
|
||||
//安全底部距离
|
||||
.common_safe_area_y {
|
||||
width: 100%;
|
||||
|
Loading…
x
Reference in New Issue
Block a user