refactor(agent): 重构智能体页面布局和样式
-调整了智能体卡片的布局结构,优化了标题和描述的显示方式 - 改进了历史对话的展示样式,增加了滚动指示器 - 统一了标签和图标的样式,提升了视觉一致性 - 优化了搜索框和卡片列表的样式,提高了用户体验
This commit is contained in:
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user