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

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

@@ -8,6 +8,7 @@
<uni-nav-bar
:fixed="true"
:statusBar="true"
:border="false"
title="AI销冠系统"
leftIcon="left"
@clickLeft="goBack"
@@ -2592,10 +2593,18 @@
}
.content {
padding-top: 0; /* 移除padding-top因为tab页和列表组件都使用绝对定位 */
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 */
}
/* 隐藏导航栏占位区域,避免产生空白 */
@@ -2652,23 +2661,38 @@
}
/* 服务记录列表容器 */
.service-list-container {
/* 使用绝对定位从tab页底部开始高度计算100vh - 导航栏 - tab页 - 底部导航栏(96rpx) */
/* 标签管理列表区:使用绝对定位,与服务状态列表保持一致 */
.tag-list {
/* 使用绝对定位从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;
padding-bottom: 0 !important; /* 确保底部没有padding */
box-sizing: border-box;
}
/* 客户列表容器 */
.service-list-container,
.customer-list-container {
/* 使用绝对定位从tab页底部开始高度计算100vh - 导航栏 - tab页 - 底部导航栏(96rpx) */
/* 兼容旧样式,但使用新的 tag-list 样式 */
position: absolute;
/* top值通过内联样式动态设置 */
left: 0;
right: 0;
bottom: 96rpx; /* 底部导航栏高度 */
/* #ifndef MP-WEIXIN */
bottom: 96rpx;
/* #endif */
/* #ifdef MP-WEIXIN */
bottom: 0 !important;
/* #endif */
}
/* 列表头部 */