微信小程序发布试用版本
This commit is contained in:
@@ -20,15 +20,24 @@ page {
|
||||
|
||||
/* 标签页 - 使用绝对定位紧贴导航栏 */
|
||||
.tabs {
|
||||
display: flex;
|
||||
display: flex !important; /* 强制显示 */
|
||||
visibility: visible !important; /* 强制可见 */
|
||||
opacity: 1 !important; /* 强制不透明 */
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #E0E0E0;
|
||||
padding: 0 32rpx;
|
||||
position: absolute;
|
||||
top: 88rpx; /* 导航栏高度 */
|
||||
padding: 0 16rpx;
|
||||
margin-top: 0;
|
||||
position: fixed; /* 改为fixed定位,确保始终可见 */
|
||||
/* 导航栏高度:statusBar + navbar,动态计算 */
|
||||
/* 使用内联样式动态设置top值 */
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
z-index: 999; /* 提高z-index确保在最上层 */
|
||||
height: 72rpx; /* 明确设置标签页高度 */
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
/* 确保tab栏始终可见 */
|
||||
will-change: top; /* 优化渲染性能 */
|
||||
}
|
||||
.tab-item {
|
||||
padding: 24rpx 32rpx;
|
||||
@@ -53,6 +62,26 @@ page {
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
|
||||
/* 服务记录列表容器 */
|
||||
.service-list-container {
|
||||
/* 使用绝对定位,从tab页底部开始,高度计算:100vh - 导航栏 - tab页 - 底部导航栏(96rpx) */
|
||||
position: absolute;
|
||||
/* top值通过内联样式动态设置 */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 96rpx; /* 底部导航栏高度 */
|
||||
}
|
||||
|
||||
/* 客户列表容器 */
|
||||
.customer-list-container {
|
||||
/* 使用绝对定位,从tab页底部开始,高度计算:100vh - 导航栏 - tab页 - 底部导航栏(96rpx) */
|
||||
position: absolute;
|
||||
/* top值通过内联样式动态设置 */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 96rpx; /* 底部导航栏高度 */
|
||||
}
|
||||
|
||||
/* 列表头部 */
|
||||
.list-header {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user