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

This commit is contained in:
WindowBird 2025-11-26 09:10:32 +08:00
parent 864fae8d21
commit eb3a3c1a27

View File

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