refactor(agent): 重构智能对话页面布局和样式

- 重新设计了页面布局,分为左、右两个主要区域
- 左侧区域增加了聊天机器人信息展示,包括头像、名称、描述等
- 右侧区域保留聊天窗口,并增加了顶部栏
-优化了响应式布局,使页面在不同屏幕尺寸下都能良好显示
- 调整了颜色、字体等样式,提升了页面视觉效果
This commit is contained in:
林志军
2025-07-31 11:18:32 +08:00
parent 75f8a26ea5
commit 15d15a44c6

View File

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<div class="back-wap cursor-pointer mb-20px" @click="goChatIndex"> <div class="back-wap cursor-pointer mb-20px" @click="goChatIndex">
<icon-left size="16" class="color-#737478 mr-4px" /> <icon-left size="16" class="color-#737478 mr-4px" />
<span class="cs">返回空间</span> <span class="cs">返回空间</span>
</div> </div>
<div class="workflow-container"> <div class="workflow-container">
<div class="left-wap mr-24px" v-if="isCollapsed == false"> <div class="left-wap mr-24px" v-if="isCollapsed == false">
<div class="w-full w-100% mb-15px bg-#F0EDFF h-160px rounded-8px"> <div class="w-full w-100% mb-15px bg-#F0EDFF h-160px rounded-8px">
@ -38,7 +38,11 @@
</div> </div>
<div class="history-item" v-for="(item, index) in history"> <div class="history-item" v-for="(item, index) in history">
<div class="item-body"> <div class="item-body">
<div class="text" @click="getHistoryInfo(item)">{{ item.title }}</div> <div class="text" @click="getHistoryInfo(item)">
{{ item.title }}
<SvgIcon size="12" name="svg-more" class="color-#6D4CFE" style="float: right" />
</div>
</div> </div>
</div> </div>
</div> </div>