图稿库滚动问题

src/views/group/picLibrary/picture/index.vue

@@ -8,7 +8,9 @@
         v-infinite-scroll="load"
         class="infinite-list"
         style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 208px); display: flex; flex-wrap: wrap"
-        :infinite-scroll-disabled="scrollDisabled">
+        :infinite-scroll-disabled="scrollDisabled"
+        :infinite-scroll-immediate="false"
+        :infinite-scroll-distance="100">
         <template v-if="tableData && tableData.length > 0">
           <div v-for="(item, index) in tableData" :key="index" style="margin: 0 40px 40px 0; text-align: center">
             <div v-if="item.imgUrl">
@@ -94,12 +96,14 @@ const load = () => {
     tableData.value = tableData.value.concat(res.rows);
     sourceList.value.pagination.total = res.total;
     if (sourceList.value.pagination.total > sourceList.value.pagination.pageNum * sourceList.value.pagination.pageSize) {
+      sourceList.value.pagination.pageNum++;
       scrollDisabled.value = false;
     } else {
       scrollDisabled.value = true;
     }
   });
 };
+load();
 const getDemandData = () => {
   proxy.post("/department/page", { pageNum: 1, pageSize: 999 }).then((res) => {
     if (res.rows && res.rows.length > 0) {