任务管理0.9

pages/task/manage/index.vue

@@ -165,6 +165,7 @@
         class="task-scroll"
         :class="{ 'with-filter': showFilter }"
         scroll-y
+        :lower-threshold="50"
         @scrolltolower="handleScrollToLower"
     >
       <view class="task-container">
@@ -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 {