修改微信小程序的空白区域
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user