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

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

View File

@ -2,7 +2,7 @@
<div class="agent-card">
<div class="header-section">
<div class="image-container">
<img :src="cozeInfo.icon_url" alt="" />
<img :src="cozeInfo.icon_url" alt="" />
</div>
</div>
<div class="info-section">

View File

@ -22,14 +22,16 @@
.image-container {
height: 400px;
overflow: hidden;
border-radius: 8px;
border-radius: 10px;
}
.image-container img {
width: 100%;
height: auto;
padding: 24px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 10px;
}
}
@ -94,12 +96,12 @@
.usage-info {
width: 79px;
height: 24px;
height: 34px;
position: relative;
.count {
left: 0px;
top: 0px;
top: 10px;
position: absolute;
color: var(--Text-2, #3C4043);
font-size: 16px;
@ -110,7 +112,7 @@
.label {
left: 43px;
top: 3px;
top: 10px;
position: absolute;
color: var(--Text-3, #737478);
font-size: 12px;