客户管理筛选功能样式调整

components/customer/CustomerManagement.vue

@@ -554,13 +554,13 @@ defineExpose({
 
 <style lang="scss" scoped>
 .customer-management {
-  margin-top: var(--status-bar-height, 0);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  background-color: #f5f7fa;
-  position: relative;
+  // margin-top: var(--status-bar-height, 0);
+  // display: flex;
+  // flex-direction: column;
+  // height: 100%;
+  // width: 100%;
+  // background-color: #f5f7fa;
+  // position: relative;
 }
 
 /* 顶部标题栏 */
@@ -572,7 +572,7 @@ defineExpose({
   background-color: #fff;
   border-bottom: 1px solid #e4e7ed;
   position: fixed;
-  top: 0;
+  // top: 0;
   right: 0;
   left: 0;
   z-index: 100;
@@ -649,8 +649,8 @@ defineExpose({
   background-color: #fff;
   padding: 16px;
   border-bottom: 1px solid #e4e7ed;
-  position: fixed;
-  top: 41px;
+  position: relative;
+  top: 48px;
   right: 0;
   left: 0;
   z-index: 99;
@@ -714,14 +714,14 @@ defineExpose({
 /* 客户列表 */
 .customer-list {
   flex: 1;
-  padding-top: 28px;
+  padding-top: 56px;
   padding-bottom: 100px; /* 为底部导航栏和悬浮按钮留出空间 */
   background-color: #f5f7fa;
   /* 移除 overflow-y: auto，让页面本身滚动以支持 onReachBottom */
   transition: padding-top 0.3s ease;
   
   &.with-filter {
-    padding-top: 132px; /* header(52px) + filter panel(约56px) */
+    //padding-top: 160px; /* header(52px) + filter panel(约56px) */
   }
 }