From 857d2bf91f8461026320c98df5e9e3ede26532c0 Mon Sep 17 00:00:00 2001
From: Plumbiu <99574369+Plumbiu@users.noreply.github.com>
Date: Fri, 3 Feb 2023 23:18:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BD=9C=E8=80=85=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ArticlesList/Item/Topbar.vue    | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/components/ArticlesList/Item/Topbar.vue b/frontend/components/ArticlesList/Item/Topbar.vue
index 4dd1ffc..443749b 100644
--- a/frontend/components/ArticlesList/Item/Topbar.vue
+++ b/frontend/components/ArticlesList/Item/Topbar.vue
@@ -12,7 +12,14 @@ defineProps({
 
 <template>
   <div class="topbar">
-    <span class="author_id">{{ name }}</span>
+    <div class="author_id">
+      {{ name }}
+      <ArticlesListItemAuthorInfo
+        :name="name"
+        :duration="duration"
+        class="author_info"
+      />
+    </div>
     <span class="duration">{{ duration }}</span>
     <div class="tag_container">
       <div v-for="(item, index) of tags" :key="item.tag" class="tag">
@@ -21,11 +28,6 @@ defineProps({
       </div>
     </div>
   </div>
-  <ArticlesListItemAuthorInfo
-    :name="name"
-    :duration="duration"
-    class="author_info"
-  />
 </template>
 
 <style scoped>
@@ -36,10 +38,10 @@ defineProps({
   @apply transition text-jj-font px-3 border-r-1 pl-0 hover:text-[#1E80FF]
 }
 .author_info {
-  /* display: none; */
+  @apply display-none
 }
 .author_id:hover .author_info {
-  display: none;
+  @apply display-block
 }
 .duration {
   @apply text-jj-thirdly px-3 border-r-1