refactor(agent): 重构智能对话页面布局和样式
- 重新设计了页面布局,分为左、右两个主要区域 - 左侧区域增加了聊天机器人信息展示,包括头像、名称、描述等 - 右侧区域保留聊天窗口,并增加了顶部栏 -优化了响应式布局,使页面在不同屏幕尺寸下都能良好显示 - 调整了颜色、字体等样式,提升了页面视觉效果
This commit is contained in:
@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="back-wap cursor-pointer mb-20px" @click="goChatIndex">
|
||||
<icon-left size="16" class="color-#737478 mr-4px" />
|
||||
<span class="cs">返回空间</span>
|
||||
</div>
|
||||
<div class="back-wap cursor-pointer mb-20px" @click="goChatIndex">
|
||||
<icon-left size="16" class="color-#737478 mr-4px" />
|
||||
<span class="cs">返回空间</span>
|
||||
</div>
|
||||
<div class="workflow-container">
|
||||
<div class="left-wap mr-24px" v-if="isCollapsed == false">
|
||||
<div class="w-full w-100% mb-15px bg-#F0EDFF h-160px rounded-8px">
|
||||
@ -38,7 +38,11 @@
|
||||
</div>
|
||||
<div class="history-item" v-for="(item, index) in history">
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user