fix: 修复漫画收藏页面要拉到底才能翻页的问题

lanyeeee · Nov 4, 2024 · 0788764 · 0788764
1 parent b190a6c
commit 0788764
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/components/FavouritePane.vue b/src/components/FavouritePane.vue
@@ -46,16 +46,18 @@ watch(() => props.currentTabName, async () => {
 </script>
 
 <template>
-  <div v-if="comicInfoPagination!==undefined" class="flex flex-col gap-row-1 overflow-auto p-2">
-    <div class="flex flex-col gap-row-2 overflow-auto">
-      <comic-card v-for="comicInfo in comicInfoPagination.docs"
-                  :key="comicInfo._id"
-                  :comic-info="comicInfo"
-                  :onClickItem="searchById"/>
+  <div class="h-full flex flex-col">
+    <div v-if="comicInfoPagination!==undefined" class="flex flex-col gap-row-1 overflow-auto p-2">
+      <div class="flex flex-col gap-row-2 overflow-auto">
+        <comic-card v-for="comicInfo in comicInfoPagination.docs"
+                    :key="comicInfo._id"
+                    :comic-info="comicInfo"
+                    :onClickItem="searchById"/>
+      </div>
+      <n-pagination :total="comicInfoPagination.total"
+                    :page-count="comicInfoPagination.pages"
+                    :page="comicInfoPagination.page"
+                    @update:page="getFavourite(sortSelected, $event)"/>
     </div>
-    <n-pagination :total="comicInfoPagination.total"
-                  :page-count="comicInfoPagination.pages"
-                  :page="comicInfoPagination.page"
-                  @update:page="getFavourite(sortSelected, $event)"/>
   </div>
 </template>