fix: 尝试修复水合问题

components/BloggerItem.vue

@@ -18,9 +18,9 @@ const goUrl = (url) => {
         <img class="avatar-img" :src="member.avatar" :alt="member.name">
       </figure>
       <div class="data">
-        <h1 class="name">
+        <div class="author_name">
           {{ member.name }}
-        </h1>
+        </div>
         <p v-if="member.title || member.org" class="affiliation">
           <span v-if="member.title" class="title">
             {{ member.title }}
@@ -157,7 +157,7 @@ const goUrl = (url) => {
   object-fit: cover;
 }
 
-.name {
+.author_name {
   margin: 0;
   font-weight: 600;
   cursor: pointer;

components/PostItem.vue

@@ -111,18 +111,6 @@ const showTime = computed(() => {
   return formatShowDate(props.Date)
 })
 
-// function isWrappedWithPreventDefault(element: HTMLElement) {
-//   let parent = element.parentElement
-
-//   while (parent) {
-//     if (parent.hasAttribute('preventDefault')) {
-//       return true
-//     }
-//     parent = parent.parentElement
-//   }
-
-//   return false
-// }
 </script>
 
 <style scoped>
@@ -214,7 +202,7 @@ const showTime = computed(() => {
   height: 8px;
   margin: 0 10px;
   background-color: #4e5969;
-    }
+}
 .cover-img {
   width: 120px;
   height: 80px;

components/PostList.vue

@@ -59,12 +59,12 @@ const pluginLists = computed(() => {
       </div>
       <div class="divider" style="margin-bottom: 1rem;" />
     </div> -->
-    <Pagination :pageTotal="pageTotal" v-model="pageNum" style="width: 100%;" key="0" />
+    <Pagination :pageTotal="pageTotal" v-model="pageNum" style="width: 100%;padding: 1rem 0;" key="0" />
     <div class="card-list">
       <PostItem v-for="(item, index) in pluginLists" :key="index" :Title="item.Title" :Content="item.Content"
         :Date="item.Date" :Author="item.Author" :tag="item?.tag" :cover="item?.cover" :PostURL="item.PostURL" :AuthorURL="item.AuthorURL"/>
     </div>
-    <Pagination :pageTotal="pageTotal" v-model="pageNum" style="width: 100%;" key="1" />
+    <Pagination :pageTotal="pageTotal" v-model="pageNum" style="width: 100%;padding: 1rem 0;" key="1" />
   </div>
 </template>
 
@@ -131,9 +131,9 @@ const pluginLists = computed(() => {
 }
 
 .card-list {
-  display: grid;
+  display: flex;
-  /* gap: 1.5rem; */
+  flex-direction: column;
-  /* grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); */
+  gap: 2rem;
 }
 
 .card {