root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【优化】Ai 对话 Message 非 user 类型显示到左边

Browse Source
This commit is contained in:
cherishsince 2024-05-17 23:48:18 +08:00
parent 07241b5efb
commit 559cd48c4f
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/ai/chat/Message.vue
View File

@ -3,7 +3,7 @@
<div class="chat-list" v-for="(item, index) in list" :key="index" >
<!-- 靠左 message -->
<!-- TODO 芋艿：类型判断 -->
<div class="left-message message-item" v-if="item.type === 'system'">
<div class="left-message message-item" v-if="item.type !== 'user'">
<div class="avatar">
<el-avatar
src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
@ -156,11 +156,9 @@ onMounted(async () => {
//width: 100%;
//height: 100%;
overflow-y: scroll;
padding: 0 15px;
//padding: 0 15px;
//z-index: -1;
}
// 中间
@ -168,7 +166,7 @@ onMounted(async () => {
display: flex;
flex-direction: column;
overflow-y: hidden;
padding: 0 20px;
.message-item {
margin-top: 50px;
}