xuan/TestRestructureWechatLymarketDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.scss
View File

@ -8,8 +8,9 @@
[相关说明](https://developers.weixin.qq.com/community/develop/doc/000a60f7d58a982f08d7ddfc456000) [相关说明](https://developers.weixin.qq.com/community/develop/doc/000a60f7d58a982f08d7ddfc456000)
*/ */
// 总高度 - 自定义tabbar高度 - apple小黑条高度
page { page {
height: 100%; height: calc(100% - #{$customTabBarHeight} - constant(safe-area-inset-bottom));
height: calc(100% - #{$customTabBarHeight} - env(safe-area-inset-bottom));
background-color: #f7f7f7; background-color: #f7f7f7;
} }

2
src/custom-tab-bar/index.module.scss
View File

@ -3,7 +3,7 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 100px; height: $customTabBarHeight;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);

3
src/styles/common.scss
View File

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