更新

mallApp/src/pages/chat/chatPage.vue

@@ -935,13 +935,6 @@ export default {
         this.messageList.push(myMessage);
         // 清空输入框
         this.inputText = "";
-        // 滚动到底部
-        // this.$nextTick(() => {
-        //   this.scrollToBottom(); // 用户操作时使用动画
-        // });
-        setTimeout(() => {
-          this.scrollToBottom();
-        }, 100);
 
         // 构建要发送的消息数据
         const messageData = {
@@ -971,6 +964,11 @@ export default {
             // 发送失败时，可以考虑移除刚添加的消息或标记为失败
           },
         });
+
+        // 滚动到底部
+        setTimeout(() => { // 延时执行，是为了解决聊天消息上下抖动
+          this.scrollToBottom();
+        }, 280);
       } catch (error) {
         console.error("发送消息异常:", error);
         uni.showToast({
@@ -1092,10 +1090,8 @@ export default {
         this.messageList.push(myMessage);
         // 清空商品信息并关闭卡片
         this.closeGoodsCard();
+        
         // 滚动到底部
-        // this.$nextTick(() => {
-        //   this.scrollToBottom();
-        // });
         setTimeout(() => {
           this.scrollToBottom();
         }, 100);