feat(doc): remove auto load more

OVINC-CN · Dec 25, 2024 · 4f3bea7 · 4f3bea7
1 parent c8d43d8
commit 4f3bea7
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 14 deletions.
diff --git a/src/locale/en-us.js b/src/locale/en-us.js
@@ -32,6 +32,7 @@ const mEnUS = {
   Author: 'Author',
   AccessDenied: 'Access Denied',
   InputKeywords: 'Fuzzy Search',
+  LoadMore: 'Load More',
 };
 
 export default mEnUS;
diff --git a/src/locale/zh-cn.js b/src/locale/zh-cn.js
@@ -32,6 +32,7 @@ const mZhCN = {
   Author: '作者',
   AccessDenied: '未经授权访问',
   InputKeywords: '关键字搜索',
+  LoadMore: '加载更多',
 };
 
 export default mZhCN;
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -113,22 +113,10 @@ onMounted(() => window.addEventListener('resize', () => handleResize()));
 onUnmounted(() => window.removeEventListener('resize', () => {}));
 
 // load more
-const container = document.getElementById('app-content-scroll');
 const loadMore = () => {
-  if (
-    (container.scrollTop + container.clientHeight === container.scrollHeight) &&
-      (searchData.value.total > searchData.value.current * searchData.value.size)
-  ) {
-    searchData.value.current += 1;
-    loadDocs(true);
-  }
+  searchData.value.current += 1;
+  loadDocs(true);
 };
-onMounted(() => {
-  container.addEventListener('scroll', () => loadMore());
-});
-onUnmounted(() => {
-  container.removeEventListener('scroll', () => {});
-});
 </script>
 
 <template>
@@ -204,6 +192,17 @@ onUnmounted(() => {
           </a-col>
         </a-row>
       </a-spin>
+      <div
+        style="width: 100%; display: flex; justify-content: center; margin-top: 20px;"
+        v-if="!docLoading && (searchData.total > searchData.current * searchData.size)"
+      >
+        <a-link @click="loadMore">
+          <div style="display: flex; flex-direction: column; align-items: center">
+            <div>{{ $t('LoadMore') }}</div>
+            <icon-down style="font-size: 14px" />
+          </div>
+        </a-link>
+      </div>
       <skeleton
         v-show="(docAppendLoading && docs.length) || (!docLoading && !docs.length)"
         :animation="docAppendLoading"