From d550461e0bab7489ffdd73c037dd804460ec1a88 Mon Sep 17 00:00:00 2001 From: hubian <908234780@qq.com> Date: Sun, 26 Apr 2026 17:50:04 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=90=9C=E7=B4=A2=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E7=A7=BB=E5=88=B0=E9=A1=B6=E9=83=A8header=EF=BC=8C=E5=92=8C?= =?UTF-8?q?=E6=96=B0=E5=BB=BA=E6=8C=89=E9=92=AE=E5=B9=B6=E5=88=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/app.js | 17 ++++++++--------- www/index.html | 6 +++--- www/style.css | 27 ++++++++++++++++----------- 3 files changed, 27 insertions(+), 23 deletions(-) diff --git a/www/app.js b/www/app.js index 42e23cd..c8041b3 100644 --- a/www/app.js +++ b/www/app.js @@ -74,9 +74,14 @@ function showConversationList() {

AI助手

- +
+ + +
@@ -128,12 +133,6 @@ function showConversationList() {
- -
-
`; diff --git a/www/index.html b/www/index.html index 57682c1..b1b3d3c 100644 --- a/www/index.html +++ b/www/index.html @@ -8,12 +8,12 @@ AI助手 - +
- - + + \ No newline at end of file diff --git a/www/style.css b/www/style.css index fa958cd..e7a0624 100644 --- a/www/style.css +++ b/www/style.css @@ -66,14 +66,13 @@ body { font-weight: 600; } -.list-content { - flex: 1; - padding: 16px; - overflow-y: auto; +.header-actions { + display: flex; + align-items: center; + gap: 8px; } -/* Header 中的新建对话按钮 - 美化版 */ -.new-chat-btn-header { +.header-btn { display: flex; align-items: center; justify-content: center; @@ -90,7 +89,7 @@ body { overflow: hidden; } -.new-chat-btn-header::before { +.header-btn::before { content: ''; position: absolute; inset: 0; @@ -99,25 +98,31 @@ body { transition: opacity 0.25s; } -.new-chat-btn-header:hover { +.header-btn:hover { transform: scale(1.08); box-shadow: 0 4px 16px rgba(102,126,234,0.4), 0 2px 8px rgba(0,0,0,0.2); color: #5a67d8; } -.new-chat-btn-header:hover::before { +.header-btn:hover::before { opacity: 1; } -.new-chat-btn-header:active { +.header-btn:active { transform: scale(0.95); box-shadow: 0 1px 4px rgba(0,0,0,0.2); } -.new-chat-btn-header svg { +.header-btn svg { filter: drop-shadow(0 1px 2px rgba(102,126,234,0.3)); } +.list-content { + flex: 1; + padding: 16px; + overflow-y: auto; +} + /* 原样式保留（备用） */ .new-chat-btn { display: flex;