From 220f792c6efd08dfc6acc8d77d0cb7b96f8ef96f Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Tue, 24 Sep 2024 10:52:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3"=E5=8A=A0=E8=BD=BD=E6=9B=B4?=
 =?UTF-8?q?=E5=A4=9A"=E6=8F=90=E7=A4=BA=E5=85=B3=E9=97=AD=E4=B9=8B?=
 =?UTF-8?q?=E5=90=8E=E9=94=9A=E5=AE=9A=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/message/MessageItem.vue | 2 +-
 src/views/message/MessageLayout.vue    | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/message/MessageItem.vue b/src/components/message/MessageItem.vue
index 4de6617..821ba0a 100644
--- a/src/components/message/MessageItem.vue
+++ b/src/components/message/MessageItem.vue
@@ -166,7 +166,7 @@ const onShowUserCard = () => {
   .load-more-wrapper {
     width: 100%;
     height: 30px;
-    margin-bottom: 10px;
+    padding: 10px;
     position: relative;
     display: flex;
     justify-content: center;
diff --git a/src/views/message/MessageLayout.vue b/src/views/message/MessageLayout.vue
index 2cd3af6..69a190b 100644
--- a/src/views/message/MessageLayout.vue
+++ b/src/views/message/MessageLayout.vue
@@ -81,7 +81,10 @@ onMounted(async () => {
 
 const handleMsgListScroll = async () => {
   if (msgListDiv.value.scrollTop === 0) {
+    let loadMoreHeight = 0
     if (messageData.msgRecordsList[userData.curSessionId]?.length === capacity.value) {
+      // 拉取消息之后,"加载更多"的提示会消失,它的高度也会消失,因此需要修正一下高度
+      loadMoreHeight = document.querySelector('.load-more-wrapper').clientHeight
       await pullMsg(1, msgRecords.value[0].msgId)
     }
 
@@ -96,7 +99,7 @@ const handleMsgListScroll = async () => {
     }
 
     // 保持页面对话的锚定位置
-    const scrollHeight = msgListDiv.value.scrollHeight
+    const scrollHeight = msgListDiv.value.scrollHeight + loadMoreHeight
     nextTick(() => {
       msgListDiv.value.scrollTop = msgListDiv.value.scrollHeight - scrollHeight
     });