From c429d3dd5fdae134c95e28bb05bf4fb946d6ba47 Mon Sep 17 00:00:00 2001
From: camera-2018 <2907618001@qq.com>
Date: Sat, 22 Jul 2023 14:58:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B0=9D=E8=AF=95=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=B0=B4=E5=90=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BloggerItem.vue |  6 +++---
 components/PostItem.vue    | 26 +++++++-------------------
 components/PostList.vue    | 10 +++++-----
 3 files changed, 15 insertions(+), 27 deletions(-)

diff --git a/components/BloggerItem.vue b/components/BloggerItem.vue
index 2da908c..25655e3 100644
--- a/components/BloggerItem.vue
+++ b/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;
diff --git a/components/PostItem.vue b/components/PostItem.vue
index d20012e..e04c1c5 100644
--- a/components/PostItem.vue
+++ b/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>
@@ -208,13 +196,13 @@ const showTime = computed(() => {
   margin-top: 8px;
 }
 .badge-list .split:not(:last-child)::after {
-      content: '';
-      display: inline-block;
-      width: 1px;
-      height: 8px;
-      margin: 0 10px;
-      background-color: #4e5969;
-    }
+  content: '';
+  display: inline-block;
+  width: 1px;
+  height: 8px;
+  margin: 0 10px;
+  background-color: #4e5969;
+}
 .cover-img {
   width: 120px;
   height: 80px;
diff --git a/components/PostList.vue b/components/PostList.vue
index c179db6..727dbb4 100644
--- a/components/PostList.vue
+++ b/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;
-  /* gap: 1.5rem; */
-  /* grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); */
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
 }
 
 .card {