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

-调整了智能体卡片的布局结构,优化了标题和描述的显示方式
- 改进了历史对话的展示样式,增加了滚动指示器
- 统一了标签和图标的样式,提升了视觉一致性
- 优化了搜索框和卡片列表的样式,提高了用户体验
This commit is contained in:
林志军
2025-07-28 18:06:25 +08:00
parent bfba8b9271
commit aa13941a83
4 changed files with 6 additions and 5 deletions

View File

@ -72,7 +72,7 @@ const handleSubmit = async () => {
padding: 24px; padding: 24px;
border: 1px solid #d7d7d9; /* 添加灰色边框 */ border: 1px solid #d7d7d9; /* 添加灰色边框 */
background: var(--BG-White, white); background: var(--BG-White, white);
height:87vh; height:70vh;
:deep(.arco-input-wrapper), :deep(.arco-input-wrapper),
:deep(.arco-textarea-wrapper) { :deep(.arco-textarea-wrapper) {
border-radius: 4px; border-radius: 4px;

View File

@ -1,7 +1,7 @@
.agent-card { .agent-card {
width: 100%; width: 100%;
height: 87vh; height: 70vh;
background: var(--BG-100, #F7F8FA); background: var(--BG-100, #F7F8FA);
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 8px;

View File

@ -9,7 +9,7 @@
:sm="isCollapsed ? 0 : 3" :sm="isCollapsed ? 0 : 3"
:md="isCollapsed ? 0 : 4" :md="isCollapsed ? 0 : 4"
:lg="isCollapsed ? 0 : 6" :lg="isCollapsed ? 0 : 6"
:xl="isCollapsed ? 0 : 6" :xl="isCollapsed ? 0 : 7"
:xxl="isCollapsed ? 0 : 5" > :xxl="isCollapsed ? 0 : 5" >
<HistoryChat v-if="!isCollapsed" :cozeInfo="cozeInfo" /> <HistoryChat v-if="!isCollapsed" :cozeInfo="cozeInfo" />
@ -35,7 +35,7 @@
</a-col> </a-col>
<!-- 主内容区域 --> <!-- 主内容区域 -->
<a-col class="right-box content-container" :xs="isCollapsed ? 4 : 2" <a-col class="right-box content-container" style="height: 70vh;" :xs="isCollapsed ? 4 : 2"
:sm="isCollapsed ? 4 : 4" :sm="isCollapsed ? 4 : 4"
:md="isCollapsed ? 6 : 6" :md="isCollapsed ? 6 : 6"
:lg="isCollapsed ? 8 : 8" :lg="isCollapsed ? 8 : 8"
@ -43,7 +43,7 @@
:xxl="isCollapsed ? 12 : 12" > :xxl="isCollapsed ? 12 : 12" >
<a-spin v-if="loading" class="spin-center" tip="生成中。。。" /> <a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
<div v-if="workFlowRes?.output != ''" class="work-res" v-html="renderedMarkdown"></div> <div v-if="workFlowRes?.output != ''" class="work-res" v-html="renderedMarkdown"></div>
<NoData v-else style="height: 87vh;" /> <NoData v-else />
</a-col> </a-col>
</a-row> </a-row>
</div> </div>

View File

@ -5,6 +5,7 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
color: #2c3e50; color: #2c3e50;
margin-top: 24px; margin-top: 24px;
.span-back { .span-back {
color: var(--Text-2, #3C4043); color: var(--Text-2, #3C4043);
font-size: 14px; font-size: 14px;