From a71a5c8cf869cbbb46abc6d1f3fcbedff4c8809d Mon Sep 17 00:00:00 2001
From: angu_o <127409900+anguoo@users.noreply.github.com>
Date: Sun, 14 Apr 2024 13:09:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E5=B8=96=E5=AD=90?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E4=BB=A5=E5=8F=8A=E8=AF=84=E8=AE=BA=E7=9A=84?=
 =?UTF-8?q?=E7=BF=BB=E9=A1=B5=E5=8A=9F=E8=83=BD=20(#198)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/post.vue   | 14 ++++++++++++++
 src/views/posts/comment.vue | 35 ++++++++++++++++++++++++++---------
 src/views/posts/post.vue    |  2 ++
 3 files changed, 42 insertions(+), 9 deletions(-)

diff --git a/src/views/manage/post.vue b/src/views/manage/post.vue
index 00054fb..2718b52 100644
--- a/src/views/manage/post.vue
+++ b/src/views/manage/post.vue
@@ -170,6 +170,12 @@
                                 </div>
                             </div>
                         </div>
+                        <el-pagination
+                            class="el-pagination"
+                            layout="prev, pager, next"
+                            :total="100"
+                            :hide-on-single-page="true"
+                        />
                     </div>
                 </section>
             </div>
@@ -558,6 +564,14 @@ const searchPostsList = async() => {
                         }
                     }
                 }
+
+                .el-pagination {
+                    height: 50px;
+                    margin-top: -25px;
+                    background-color: #fff;
+                    display: flex;
+                    justify-content: center;
+                }
             }
         }
     }
diff --git a/src/views/posts/comment.vue b/src/views/posts/comment.vue
index 123dddd..5a24571 100644
--- a/src/views/posts/comment.vue
+++ b/src/views/posts/comment.vue
@@ -83,13 +83,15 @@
                     </div>
                     <div class="more-comments">
                         <div class="pagination-container" v-if="commentBlock.isExpand">
-                          <span v-if="commentBlock.replyList.total > 10">共 {{ getPages(commentBlock.replyList.total) }} 页</span>
-                          <el-pagination
-                              layout="prev, pager, next"
-                              :total="commentBlock.replyList.total"
-                              :hide-on-single-page="true"
-                              @update:current-page="handlePageChange($event, commentBlock, index)"
-                          />
+                            <span 
+                                v-if="commentBlock.replyList.total > 10"
+                            >共 {{ getPages(commentBlock.replyList.total) }} 页</span>
+                            <el-pagination
+                                layout="prev, pager, next"
+                                :total="commentBlock.replyList.total"
+                                :hide-on-single-page="true"
+                                @update:current-page="handlePageChange($event, commentBlock, index)"
+                            />
                         </div>
                         <span v-else>共{{commentBlock.replyList.total}}条回复</span>
                         <span class="more" v-if="commentBlock.replyList.comments.length > 3 && !commentBlock.isExpand" @click="commentBlock.isExpand = true">查看更多</span>
@@ -107,6 +109,13 @@
                     </div>
                 </div>
             </div>
+            <el-pagination
+                class="el-pagination"
+                layout="prev, pager, next"
+                :total="commentCount"
+                :hide-on-single-page="true"
+                @update:current-page="handlePageChange($event, commentList[0], 0)"
+            />
         </div>
     </div>
 </template>
@@ -316,7 +325,6 @@ const submitComment = async (subjectId: string,rootId: string, fatherId: string,
             margin-bottom: 20px;
             display: flex;
 
-
             .image {
                 width: 40px;
                 height: 40px;
@@ -415,6 +423,16 @@ const submitComment = async (subjectId: string,rootId: string, fatherId: string,
                     }
                 }
             }
+
+            .more-comment {
+                height: 100px;
+            }
+        }
+
+        .el-pagination {
+            display: flex;
+            justify-content: center;
+            margin-top: 20px;
         }
     }
 }
@@ -422,7 +440,6 @@ const submitComment = async (subjectId: string,rootId: string, fatherId: string,
 .pagination-container {
   display: flex;
   align-items: center; /* 垂直居中 */
-  justify-content: space-between; /* 元素之间的空间平均分配 */
   width: 100%; /* 或根据实际需要调整宽度 */
 }
 
diff --git a/src/views/posts/post.vue b/src/views/posts/post.vue
index 45c54f0..22a89c5 100644
--- a/src/views/posts/post.vue
+++ b/src/views/posts/post.vue
@@ -267,6 +267,8 @@ const changePost = async (nowPostId: string) => {
             .post {
                 width: 1000px;
                 margin: 0 30px;
+                margin-bottom: 10px;
+
 
                 .information {
                     position: fixed;