【优化】AI 聊天处理双滚动条问题

src/views/ai/chat/index.vue

@@ -32,11 +32,13 @@
       </el-header>
       </el-header>
 
 
       <!-- main -->
       <!-- main -->
-      <el-main class="main-container">
+      <el-main class="main-container" >
+        <div >
           <div class="message-container" >
           <div class="message-container" >
             <Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
             <Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
             <ChatEmpty  v-if="list.length === 0" @on-prompt="doSend"/>
             <ChatEmpty  v-if="list.length === 0" @on-prompt="doSend"/>
           </div>
           </div>
+        </div>
       </el-main>
       </el-main>
 
 
       <!-- 底部 -->
       <!-- 底部 -->
@@ -450,7 +452,6 @@ onMounted(async () => {
   left: 0;
   left: 0;
   height: 100%;
   height: 100%;
   width: 100%;
   width: 100%;
-  //padding: 15px 15px;
 }
 }
 
 
 .conversation-container {
 .conversation-container {
@@ -577,6 +578,8 @@ onMounted(async () => {
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
   position: relative;
   position: relative;
+  height: 100%;
+  width: 100%;
 
 
   .message-container {
   .message-container {
     position: absolute;
     position: absolute;
@@ -586,8 +589,9 @@ onMounted(async () => {
     right: 0;
     right: 0;
     //width: 100%;
     //width: 100%;
     //height: 100%;
     //height: 100%;
-    overflow-y: scroll;
-    padding: 0 15px;
+    overflow-y: hidden;
+    padding: 0;
+    margin: 0;
   }
   }
 }
 }