feat: 热度选择框懒加载

IdeaLeap · Feb 17, 2023 · bd9775f · bd9775f
1 parent 54c1809
commit bd9775f
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/frontend/components/ArticlesList/Navigation/index.vue b/frontend/components/ArticlesList/Navigation/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="navigator">
     <ArticlesListNavigationLink />
-    <ArticlesListNavigationSelect />
+    <LazyArticlesListNavigationSelect v-if="$route.query?.sort?.indexOf('hottest')" />
   </div>
 </template>
 

diff --git a/frontend/components/ArticlesList/index.vue b/frontend/components/ArticlesList/index.vue
@@ -15,7 +15,7 @@ watch(route, async () => {
   artlist.value = await useFetchPostData(route?.params, route.query?.sort, pagenum = 1)
   isLoading.value = false
 }, { deep: true, immediate: true })
-onBeforeMount(() => {
+onMounted(() => {
   (window as any).addEventListener('scroll', addArtListItem)
 })
 onUnmounted(() => {

diff --git a/frontend/components/Main/index.vue b/frontend/components/Main/index.vue
@@ -8,7 +8,7 @@ const route = useRoute()
       <Types class="left-0" />
       <TypesTagNav v-if="route?.params?.type" />
       <div class="timeline-container mt-0 relative 0.33rem">
-        <LazyArticlesList class="mr-21.667rem w-full mlg:w-700px" />
+        <ArticlesList class="mr-21.667rem w-full mlg:w-700px" />
         <Aside class="absolute display-none top-0 right-0 mlg:display-block" />
       </div>
     </div>

diff --git a/frontend/composables/Articlelist/useArtlistFn.ts b/frontend/composables/Articlelist/useArtlistFn.ts
@@ -4,7 +4,7 @@ export const formatTime = (createdAt: string): string => {
   const now = new Date()
   const duration = (now.getTime() - created.getTime()) / 1000 / 60
   let ans = '刚刚'
-  if (duration < 60) // 一小时内
+  if (duration > 0 && duration < 60) // 一小时内
     ans = `${(duration).toFixed(0)}分钟前`
   else if (duration < 60 * 24) // 一天内
     ans = `${(duration / 60).toFixed(0)}小时前`