feat: 添加懒加载

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

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/frontend/components/ArticlesList/Item/Bar/Top.vue b/frontend/components/ArticlesList/Item/Bar/Top.vue
@@ -6,14 +6,15 @@ defineProps<{
   authorId?: IAuthor
   adId?: string
 }>()
+const show = useState('authorCard', () => false)
 </script>
 
 <template>
   <div class="topbar">
     <div class="author">
-      <span class="name">{{ adId ? adId : authorId?.name }}</span>
-      <ArticlesListItemAuthorCard
-        v-if="authorId"
+      <span class="name" @mouseover="show = true">{{ adId ? adId : authorId?.name }}</span>
+      <LazyArticlesListItemAuthorCard
+        v-if="show && authorId"
         :name="authorId.name"
         :motto="authorId.motto"
         :avatar="authorId.avatar"

diff --git a/frontend/components/ArticlesList/Navigation/Select.vue b/frontend/components/ArticlesList/Navigation/Select.vue
@@ -10,7 +10,7 @@ const routeMap = {
 </script>
 
 <template>
-  <div v-if="route.query.sort && route.query.sort?.indexOf('hottest') !== -1" class="z-9 relative">
+  <div class="z-9 relative">
     <div class="drop-down">
       <div class="dropdown-toggle" @click="isShow = !isShow">
         {{ routeMap[String(route.query.sort)] }}

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 />
-    <LazyArticlesListNavigationSelect v-if="$route.query?.sort?.indexOf('hottest')" />
+    <LazyArticlesListNavigationSelect v-if="$route.query.sort && $route.query.sort?.indexOf('hottest') !== -1" />
   </div>
 </template>