fix: 最近使用改为标题右侧显示更多>>链接

This commit is contained in:
2026-04-26 23:48:42 +08:00
parent b6455e4720
commit e6b3465aa7
3 changed files with 31 additions and 25 deletions

View File

@@ -415,7 +415,12 @@ function renderAgentsPage() {
<!-- 最近使用 -->
${recentAgents.length > 0 ? `
<div class="agents-section">
<div class="section-title">🕐 最近使用</div>
<div class="section-title-row">
<div class="section-title">🕐 最近使用</div>
${totalRecentCount > 5 ? `
<div class="section-more" id="showAllRecentBtn">更多&gt;&gt;</div>
` : ''}
</div>
<div class="recent-agents-list">
${recentAgents.map(agent => `
<div class="recent-agent-item" data-id="${agent.id}">
@@ -429,11 +434,6 @@ function renderAgentsPage() {
</div>
</div>
`).join('')}
${totalRecentCount > 5 ? `
<div class="recent-agent-more" id="showAllRecentBtn">
<span>查看全部 ${totalRecentCount} 个历史使用...</span>
</div>
` : ''}
</div>
</div>
` : ''}

View File

@@ -8,12 +8,12 @@
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>AI助手</title>
<link rel="stylesheet" href="style.css?v=3.1.0">
<link rel="stylesheet" href="style.css?v=3.1.1">
<link rel="manifest" href="manifest.json">
</head>
<body>
<div id="app"></div>
<script src="marked.min.js?v=3.1.0"></script>
<script src="app.js?v=3.1.0"></script>
<script src="marked.min.js?v=3.1.1"></script>
<script src="app.js?v=3.1.1"></script>
</body>
</html>

View File

@@ -185,6 +185,28 @@ body {
margin-bottom: 12px;
}
.section-title-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.section-title-row .section-title {
margin-bottom: 0;
}
.section-more {
font-size: 14px;
color: var(--primary);
cursor: pointer;
transition: color 0.2s;
}
.section-more:hover {
color: #5a67d8;
}
.agents-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
@@ -279,22 +301,6 @@ body {
color: var(--primary);
}
.recent-agent-more {
padding: 12px 16px;
background: white;
border: 1px solid var(--border-color);
border-radius: 10px;
cursor: pointer;
text-align: center;
font-size: 14px;
color: var(--primary);
transition: all 0.2s;
}
.recent-agent-more:hover {
background: rgba(102, 126, 234, 0.05);
}
/* 智能体历史页面 */
.agent-history-page {
display: flex;