diff --git a/pages/task/manage/index.vue b/pages/task/manage/index.vue index fcb6593..a99a498 100644 --- a/pages/task/manage/index.vue +++ b/pages/task/manage/index.vue @@ -165,6 +165,7 @@ class="task-scroll" :class="{ 'with-filter': showFilter }" scroll-y + :lower-threshold="50" @scrolltolower="handleScrollToLower" > @@ -887,7 +888,7 @@ onMounted(() => { display: flex; align-items: center; gap: 16px; - padding: 8px 24px; + padding: 0px 24px; background-color: #fff; border-bottom: 1px solid #e4e7ed; position: fixed; @@ -929,7 +930,7 @@ onMounted(() => { padding: 16px; border-bottom: 1px solid #e4e7ed; position: fixed; - top: 56px; + top: 48px; right: 0; left: 0; z-index: 99; @@ -937,6 +938,7 @@ onMounted(() => { animation: slideDown 0.3s ease; max-height: 70vh; overflow-y: auto; + margin-top: 0; } @keyframes slideDown { @@ -1037,12 +1039,12 @@ onMounted(() => { .task-scroll { flex: 1; width: 100%; + height: 0; /* 关键:flex布局中需要设置为0才能正确计算高度 */ padding-top: 56px; /* header高度 */ transition: padding-top 0.3s ease; - - &.with-filter { - padding-top: 0; - } + box-sizing: border-box; + /* 确保scroll-view有明确的高度,这样才能触发scrolltolower事件 */ + overflow: hidden; } .status-tabs {