refactor(agent): 重构智能体页面布局和样式
-调整了智能体卡片的布局结构,优化了标题和描述的显示方式 - 改进了历史对话的展示样式,增加了滚动指示器 - 统一了标签和图标的样式,提升了视觉一致性 - 优化了搜索框和卡片列表的样式,提高了用户体验
This commit is contained in:
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="agent-wrap">
|
||||
<a-input
|
||||
style="float: right; width: 400px"
|
||||
style="float: right;"
|
||||
v-model="query.name"
|
||||
@blur="getData()"
|
||||
placeholder="搜索智能体"
|
||||
@ -14,12 +14,14 @@
|
||||
</a-input>
|
||||
<div v-for="(item, index) in list" :key="index">
|
||||
<span class="span-title">{{ item.name }}</span>
|
||||
<a-row class="grid-demo" :gutter="24" v-if="item.agent_products.length > 0">
|
||||
<a-row class="grid-demo " :gutter="24" v-if="item.agent_products.length > 0">
|
||||
<a-col :xs="24"
|
||||
:sm="12"
|
||||
:md="8"
|
||||
:lg="6"
|
||||
:xl="4" v-for="(product, k) in item.agent_products">
|
||||
:lg="5"
|
||||
:xl="6"
|
||||
:xxl="6"
|
||||
v-for="(product, k) in item.agent_products">
|
||||
<div class="card-container" @click="goDetail(product?.type, product?.id)">
|
||||
<div class="card-image-container">
|
||||
<img
|
||||
|
||||
Reference in New Issue
Block a user