From 4ccd1b71c6a2470c785efcf211ed485d8abde993 Mon Sep 17 00:00:00 2001
From: donghaolin <17667510818@163.com>
Date: Fri, 14 Mar 2025 16:07:53 +0800
Subject: [PATCH] =?UTF-8?q?ai=E5=AF=B9=E8=AF=9D=E9=A1=B5=E9=9D=A2=E8=B7=9D?=
 =?UTF-8?q?=E7=A6=BB=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AIchat.vue | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue
index d9baed2..bcf99b7 100644
--- a/src/views/AIchat.vue
+++ b/src/views/AIchat.vue
@@ -125,6 +125,7 @@ onMounted(() => {
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  flex-shrink: 0; /* 防止GIF区域被压缩 */
 }
 
 .gif-area img {
@@ -139,11 +140,20 @@ onMounted(() => {
   transition: all 0.3s;
   /* 添加过渡效果 */
 }
-
+.message-area {
+  margin-top: 2%;
+  flex: 1; /* 消息区域占据剩余空间 */
+  overflow-y: auto;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
 .marquee-container {
   /* position: absolute; */
   bottom: 0;
   width: 100%;
+  /* ga */
 }
 
 .marquee-row {
@@ -187,12 +197,6 @@ onMounted(() => {
   }
 }
 
-.message-area {
-  flex: 1;
-  overflow: auto;
-  padding: 20px;
-}
-
 .message-bubble {
   max-width: 70%;
   margin: 10px 20px;
@@ -214,13 +218,4 @@ onMounted(() => {
   margin-right: auto;
   border-bottom-left-radius: 5px;
 }
-
-.message-area {
-  flex: 1;
-  overflow-y: auto;
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-}
 </style>