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

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

@@ -1094,7 +1094,14 @@ import ServiceListFurniture from "./serviceListFurniture.vue";
}
.page {
/* #ifndef MP-WEIXIN */
min-height: 100vh;
/* #endif */
/* #ifdef MP-WEIXIN */
/* 微信小程序:确保页面容器铺满整个视口 */
height: 100vh !important;
min-height: 100vh !important;
/* #endif */
background-color: #F5F5F5;
}
@@ -1102,7 +1109,15 @@ import ServiceListFurniture from "./serviceListFurniture.vue";
padding-top: 0; /* 移除padding-top因为tab页和scroll-view都使用绝对定位 */
margin-top: 0;
position: relative;
/* #ifndef MP-WEIXIN */
min-height: 100vh; /* 确保content有足够高度 */
/* #endif */
/* #ifdef MP-WEIXIN */
/* 微信小程序:确保内容容器铺满整个视口,底部导航栏是 fixed 定位,不占用文档流 */
height: 100vh !important;
min-height: 100vh !important;
max-height: 100vh !important;
/* #endif */
}
/* 隐藏导航栏占位区域(红色区域) */
@@ -1172,22 +1187,34 @@ import ServiceListFurniture from "./serviceListFurniture.vue";
/* 服务状态列表容器 */
.service-status-container {
/* 使用绝对定位从tab页底部开始高度计算100vh - 导航栏 - tab页 - 底部导航栏(96rpx) */
/* 使用绝对定位从tab页底部开始到底部导航栏结束 */
position: absolute;
/* top值通过内联样式动态设置 */
left: 0;
right: 0;
bottom: 96rpx; /* 底部导航栏高度 */
/* #ifndef MP-WEIXIN */
bottom: 96rpx; /* H5环境底部导航栏高度 */
/* #endif */
/* #ifdef MP-WEIXIN */
/* 微信小程序:底部导航栏是 fixed 定位,不占用文档流,容器可以延伸到视口底部 */
bottom: 0 !important;
/* #endif */
}
/* 标签管理列表区:使用绝对定位,与服务状态列表保持一致 */
.tag-list {
/* 使用绝对定位从tab页底部开始高度计算100vh - 导航栏 - tab页 - 底部导航栏(96rpx) */
/* 使用绝对定位从tab页底部开始到底部导航栏结束 */
position: absolute;
/* top值通过内联样式动态设置 */
left: 0;
right: 0;
bottom: 96rpx; /* 底部导航栏高度 */
/* #ifndef MP-WEIXIN */
bottom: 96rpx; /* H5环境底部导航栏高度 */
/* #endif */
/* #ifdef MP-WEIXIN */
/* 微信小程序:底部导航栏是 fixed 定位,不占用文档流,容器可以延伸到视口底部 */
bottom: 0 !important;
/* #endif */
background-color: #F5F5F5;
padding: 24rpx 16rpx 0 16rpx;
box-sizing: border-box;
@@ -1383,12 +1410,18 @@ import ServiceListFurniture from "./serviceListFurniture.vue";
/* 标签管理样式 - 添加表单 */
.tag-management {
/* 使用绝对定位从tab页底部开始高度计算100vh - 导航栏 - tab页 - 底部导航栏(96rpx) */
/* 使用绝对定位从tab页底部开始到底部导航栏结束 */
position: absolute;
/* top值通过内联样式动态设置 */
left: 0;
right: 0;
bottom: 96rpx; /* 底部导航栏高度 */
/* #ifndef MP-WEIXIN */
bottom: 96rpx; /* H5环境底部导航栏高度 */
/* #endif */
/* #ifdef MP-WEIXIN */
/* 微信小程序:底部导航栏是 fixed 定位,不占用文档流,容器可以延伸到视口底部 */
bottom: 0 !important;
/* #endif */
background-color: #F5F5F5;
box-sizing: border-box;
}