🐞 fix(高度): 调整page高度

This commit is contained in:
xuan 2022-09-05 16:43:04 +08:00
parent 908bd653b3
commit b7c6c0668f
3 changed files with 7 additions and 3 deletions

View File

@ -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;
}

View File

@ -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);

View File

@ -16,6 +16,9 @@ $font_size: 28px;
$font_size_medium: 24px;
$font_size_min: 22px;
$customTabBarHeight: 100px;
//安全底部距离
.common_safe_area_y {
width: 100%;