修改微信小程序的空白区域

This commit is contained in:
zhonghua.li
2026-02-08 22:05:30 +08:00
parent 94b0367ac5
commit e76cb09bf7
41 changed files with 707 additions and 7732 deletions

View File

@@ -3,14 +3,28 @@ page {
background-color: #F5F5F5;
}
.page {
min-height: 100vh;
/* 微信小程序:确保页面容器铺满整个视口 */
height: 100vh !important;
min-height: 100vh !important;
background-color: #F5F5F5;
}
.content {
padding-top: 0; /* 移除padding-top因为tab页和scroll-view都使用绝对定位 */
margin-top: 0;
position: relative;
min-height: 100vh; /* 确保content有足够高度 */
/* 微信小程序:确保内容容器铺满整个视口,底部导航栏是 fixed 定位,不占用文档流 */
height: 100vh !important;
min-height: 100vh !important;
max-height: 100vh !important;
}
/* 隐藏导航栏占位区域(红色区域) */
@@ -583,13 +597,19 @@ page {
/* 标签管理样式 - 添加表单 */
.tag-management {
/* 使用绝对定位从tab页底部开始 */
/* 使用绝对定位从tab页底部开始,到底部导航栏结束 */
/* 导航栏(128rpx) + tab页(72rpx) = 200rpx */
position: absolute;
top: 200rpx; /* 导航栏(128rpx) + tab页(72rpx) = 200rpx */
left: 0;
right: 0;
bottom: 96rpx; /* 底部导航栏高度 */
/* 微信小程序:底部导航栏是 fixed 定位,不占用文档流,容器可以延伸到视口底部 */
bottom: 0 !important;
background-color: #F5F5F5;
box-sizing: border-box;
}