refactor(agent): 重构智能体页面布局和样式
-调整了智能体卡片的布局结构,优化了标题和描述的显示方式 - 改进了历史对话的展示样式,增加了滚动指示器 - 统一了标签和图标的样式,提升了视觉一致性 - 优化了搜索框和卡片列表的样式,提高了用户体验
This commit is contained in:
@ -9,8 +9,8 @@
|
||||
:sm="isCollapsed ? 0 : 3"
|
||||
:md="isCollapsed ? 0 : 4"
|
||||
:lg="isCollapsed ? 0 : 6"
|
||||
:xl="isCollapsed ? 0 : 4"
|
||||
:xxl="isCollapsed ? 0 : 5" class="history-chat">
|
||||
:xl="isCollapsed ? 0 : 6"
|
||||
:xxl="isCollapsed ? 0 : 5" >
|
||||
<HistoryChat v-if="!isCollapsed" :cozeInfo="cozeInfo" />
|
||||
|
||||
</a-col>
|
||||
@ -24,7 +24,7 @@
|
||||
:sm="isCollapsed ? 3 : 3"
|
||||
:md="isCollapsed ? 4 : 4"
|
||||
:lg="isCollapsed ? 6 : 6"
|
||||
:xl="isCollapsed ? 4 : 4"
|
||||
:xl="isCollapsed ? 6 : 6"
|
||||
:xxl="isCollapsed ? 5 : 5" class="dynamic-form">
|
||||
<DynamicForm
|
||||
:formFields="formFields.form"
|
||||
@ -35,15 +35,15 @@
|
||||
</a-col>
|
||||
|
||||
<!-- 主内容区域 -->
|
||||
<a-col :xs="isCollapsed ? 4 : 2"
|
||||
<a-col class="right-box content-container" :xs="isCollapsed ? 4 : 2"
|
||||
:sm="isCollapsed ? 4 : 4"
|
||||
:md="isCollapsed ? 6 : 6"
|
||||
:lg="isCollapsed ? 8 : 8"
|
||||
:xl="isCollapsed ? 10 : 10"
|
||||
:xxl="isCollapsed ? 12 : 12" class="content-container">
|
||||
:xxl="isCollapsed ? 12 : 12" >
|
||||
<a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
|
||||
<div v-if="workFlowRes?.output != ''" class="work-res" v-html="renderedMarkdown"></div>
|
||||
<NoData v-else />
|
||||
<NoData v-else style="height: 87vh;" />
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user