page.data-v-8462a2f1 { background-color: #F5F5F5; } .page.data-v-8462a2f1 { min-height: 100vh; background-color: #F5F5F5; } .content.data-v-8462a2f1 { padding-top: 0 !important; margin-top: 0 !important; position: relative; min-height: 100vh; /* 确保内容从顶部开始,不受占位符影响 */ top: 0; } /* 隐藏导航栏占位区域,避免产生空白 */ .data-v-8462a2f1 .uni-navbar__placeholder { display: none !important; height: 0 !important; } .data-v-8462a2f1 .uni-navbar__placeholder-view { display: none !important; height: 0 !important; } /* 隐藏底部 tabBar 占位区域,避免产生空白(类似顶部导航栏的处理方式) */ /* 注意:只隐藏占位符,不隐藏实际的 tabbar */ .data-v-8462a2f1 [class*="tabbar"][class*="placeholder"] { display: none !important; height: 0 !important; } /* 隐藏可能的页面底部安全区域占位符 */ .data-v-8462a2f1 [class*="safe-area"][class*="bottom"],.data-v-8462a2f1 [class*="bottom"][class*="safe"] { display: none !important; height: 0 !important; } .content-scroll.data-v-8462a2f1 { position: absolute; left: 0; right: 0; top: 0; /* 先从顶部开始 */ bottom: 0; /* 先设为0,通过查询实际高度动态设置 */ /* top值通过内联样式动态设置,覆盖上面的 top: 0 */ padding: 0 !important; padding-bottom: 0 !important; margin: 0 !important; box-sizing: border-box; } /* 确保scroll-view内部没有默认间距 */ .content-scroll > view.data-v-8462a2f1 { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; } .category-section.data-v-8462a2f1 { margin: 20rpx 30rpx; background: #FFFFFF; border-radius: 16rpx; overflow: hidden; box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04); } .category-section.data-v-8462a2f1:first-child { margin-top: 0; } .category-section.data-v-8462a2f1:last-child { margin-bottom: 0; } .category-header.data-v-8462a2f1 { display: flex; align-items: center; padding: 30rpx; background: #FFFFFF; border-bottom: 1rpx solid #F0F0F0; } .category-icon.data-v-8462a2f1 { font-size: 32rpx; margin-right: 20rpx; } .category-title.data-v-8462a2f1 { font-size: 32rpx; font-weight: 500; color: #333; } .function-grid.data-v-8462a2f1 { display: flex; flex-wrap: wrap; padding: 10rpx; } /* 两列布局的分类 */ .two-column .function-item.data-v-8462a2f1 { flex: 1; background: #FFFFFF; border-radius: 12rpx; padding: 24rpx 16rpx; margin: 0 5rpx; text-align: center; box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.04); transition: all 0.3s ease; border: 1rpx solid #F0F0F0; } /* 三列布局的分类 */ .three-column .function-item.data-v-8462a2f1 { width: 31%; background: #FFFFFF; border-radius: 12rpx; padding: 24rpx 12rpx; margin: 1%; text-align: center; box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.04); transition: all 0.3s ease; border: 1rpx solid #F0F0F0; } /* 销售分析:所有项目统一宽度(50%) */ .sales-analysis .function-item.full-row-item.data-v-8462a2f1 { flex: 1; width: calc(50% - 10rpx); background: #FFFFFF; border-radius: 12rpx; padding: 24rpx 16rpx; margin: 0 5rpx; text-align: center; box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.04); transition: all 0.3s ease; border: 1rpx solid #F0F0F0; } /* 销售分析:开口率单独一行,但保持50%宽度 */ .sales-analysis .function-item.new-line-item.data-v-8462a2f1 { flex-basis: 100%; width: calc(50% - 10rpx); margin-top: 10rpx; } .function-item.data-v-8462a2f1:active { transform: scale(0.95); box-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.1); } .function-icon.data-v-8462a2f1 { font-size: 48rpx; margin-bottom: 12rpx; } .function-name.data-v-8462a2f1 { display: block; font-size: 28rpx; font-weight: 500; color: #333; margin-bottom: 8rpx; } .function-desc.data-v-8462a2f1 { display: block; font-size: 24rpx; color: #666; line-height: 1.4; }