yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

pull/449/MERGE
cherishsince 2024-05-17 23:57:59 +08:00
parent 559cd48c4f
commit a33c0887b0
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/ai/chat/index.vue
View File

@ -32,10 +32,12 @@
</el-header> </el-header>
<!-- main --> <!-- main -->
<el-main class="main-container"> <el-main class="main-container" >
<div class="message-container" > <div >
<Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" /> <div class="message-container" >
<ChatEmpty v-if="list.length === 0" @on-prompt="doSend"/> <Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
<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; overflow-y: hidden;
padding: 0 15px; padding: 0;
margin: 0;
} }
} }