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