From 48bc37701c27709518f13e4961e244de9353c709 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Sun, 27 Jul 2025 18:01:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B6=88=E6=81=AF=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=9A=84=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/chat/ChatMainList.vue         | 18 ++++++++----------
 pages/chat/styles/ChatMainList.scss | 10 +++++-----
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/pages/chat/ChatMainList.vue b/pages/chat/ChatMainList.vue
index d72c489..59bb809 100644
--- a/pages/chat/ChatMainList.vue
+++ b/pages/chat/ChatMainList.vue
@@ -13,8 +13,8 @@
 			
 			<!-- 消息列表（可滚动区域） -->
 			<scroll-view
+			  :scroll-top="scrollTop"
 			  scroll-y
-			  :scroll-into-view="lastMsgId"
 			  :scroll-with-animation="true"
 			  class="area-msg-list"
 			>
@@ -46,8 +46,6 @@
 				  </template>	 
 			  </view>
 			  
-			  <!-- 底部锚点（用于滚动到底部） -->
-			  <view :id="lastMsgId" class="lastMsgId"></view>
 			</scroll-view>
 				
 			<!-- 输入框区域 -->
@@ -106,8 +104,8 @@
 	const conversationId = ref('1931957498711957505')
 	const mainPageDataModel = ref({})
 
-	// 锚点ID（控制滚动位置）
-	const lastMsgId = ref('anchor-bottom');
+	//（控制滚动位置）
+	const scrollTop = ref(99999);
 	
 	
 	// 打开抽屉
@@ -138,12 +136,9 @@
 	}
 
 	const scrollToBottom = () => {
-		// 短暂指向最新消息的ID（触发滚动）
-		lastMsgId.value = `${chatMsgList.value[chatMsgList.value.length - 1].msgId}`;
-		// 等待DOM更新后，切回底部锚点（确保下次能继续滚动到底）
 	    nextTick(() => {
 			nextTick(() => {
-				lastMsgId.value = 'anchor-bottom';
+				scrollTop.value += 9999;
 			});
 		});
 	}
@@ -151,7 +146,9 @@
 	/// 发送普通消息
 	const handleReply = (text) => {
 	  sendMessage(text)
-	  scrollToBottom()
+	  setTimeout(() => {
+		scrollToBottom()
+	  }, 100)
 	};
 
 	/// 是发送指令
@@ -180,6 +177,7 @@
 			mainPageDataModel.value = res.data
 			agentId.value = res.data.agentId
 			initData()
+			scrollToBottom()
 		}
 	}
 	
diff --git a/pages/chat/styles/ChatMainList.scss b/pages/chat/styles/ChatMainList.scss
index a2341db..2ab7cce 100644
--- a/pages/chat/styles/ChatMainList.scss
+++ b/pages/chat/styles/ChatMainList.scss
@@ -23,6 +23,8 @@
 			height: 100vh;
 			display: flex;
 			flex-direction: column;
+			flex: 1;
+  			min-height: 0;
 			
 			z-index: 1;
 			overflow: hidden; 
@@ -39,6 +41,7 @@
 			flex: 1;
 			overflow-y: auto;
 			min-height: 0;
+			height: 0;
 			padding: 4px 0 0;
 			overscroll-behavior: contain; /* 阻止滚动穿透 */
 			-webkit-overflow-scrolling: touch;
@@ -71,11 +74,6 @@
 		}
 	}
 	
-	.lastMsgId {
-		
-		
-	}
-	
 	.footer-area {
 		width: 100vw;
 		flex-shrink: 0;
@@ -84,6 +82,8 @@
 		touch-action: pan-x; /* 仅允许横向触摸滚动 */
 		overflow-x: auto; /* 允许横向滚动 */
 		overflow-y: hidden; /* 禁止垂直滚动 */
+		/* 确保高度能够正确计算 */
+		min-height: fit-content;
 	}
 	
 	.area-input {