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"> <div class="title">
{{ activeConversation?.title }} {{ activeConversation?.title }}
</div> </div>
<div> <div class="btns">
<!-- TODO @fan：样式改下；这里我已经改成点击后，弹出了 --> <!-- TODO @fan：样式改下；这里我已经改成点击后，弹出了 -->
<el-button type="primary" @click="openChatConversationUpdateForm"> <el-button type="primary" @click="openChatConversationUpdateForm">
<span v-html="activeConversation?.modelName"></span> <span v-html="activeConversation?.modelName"></span>
<Icon icon="ep:setting" style="margin-left: 10px"/> <Icon icon="ep:setting" style="margin-left: 10px"/>
</el-button> </el-button>
<el-button> <el-button>
<Icon icon="ep:user"/> <Icon icon="ep:user"/>
</el-button> </el-button>
@ -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 {
@ -569,6 +570,12 @@ onMounted(async () => {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
} }
.btns {
display: flex;
width: 300px;
justify-content: space-between;
}
} }
} }
@ -577,6 +584,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 +595,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;
} }
} }