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

【优化】AI 切换按钮，并排按钮

Browse Source
This commit is contained in:
cherishsince 2024-05-17 23:57:59 +08:00
parent 559cd48c4f
commit 8bea8ce623
1 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,12 +13,12 @@
<div class="title">
{{ activeConversation?.title }}
</div>
<div>
<div class="btns">
<!-- TODO @fan：样式改下；这里我已经改成点击后，弹出了 -->
<el-button type="primary" @click="openChatConversationUpdateForm">
<span v-html="activeConversation?.modelName"></span>
<Icon icon="ep:setting" style="margin-left: 10px"/>
</el-button>
<el-button type="primary" @click="openChatConversationUpdateForm">
<span v-html="activeConversation?.modelName"></span>
<Icon icon="ep:setting" style="margin-left: 10px"/>
</el-button>
<el-button>
<Icon icon="ep:user"/>
</el-button>
@ -32,10 +32,12 @@
</el-header>
<!-- main -->
<el-main class="main-container">
<div class="message-container" >
<Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
<ChatEmpty v-if="list.length === 0" @on-prompt="doSend"/>
<el-main class="main-container" >
<div >
<div class="message-container" >
<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>
</el-main>
@ -450,7 +452,6 @@ onMounted(async () => {
left: 0;
height: 100%;
width: 100%;
//padding: 15px 15px;
}
.conversation-container {
@ -569,6 +570,12 @@ onMounted(async () => {
font-size: 18px;
font-weight: bold;
}
.btns {
display: flex;
width: 300px;
justify-content: space-between;
}
}
}
@ -577,6 +584,8 @@ onMounted(async () => {
margin: 0;
padding: 0;
position: relative;
height: 100%;
width: 100%;
.message-container {
position: absolute;
@ -586,8 +595,9 @@ onMounted(async () => {
right: 0;
//width: 100%;
//height: 100%;
overflow-y: scroll;
padding: 0 15px;
overflow-y: hidden;
padding: 0;
margin: 0;
}
}