From 45d4f2b008b19b355ffac1014aeb2ebbe78a4f82 Mon Sep 17 00:00:00 2001
From: zhilv <zhilv666@qq.com>
Date: Fri, 27 Mar 2026 11:02:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B4=A6=E5=8F=B7=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E4=B8=8D=E8=83=BD=E6=94=B6=E7=BC=A9=E5=B1=95=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/account/AccountSidebar.tsx | 29 +++++++++--------------
 src/pages/accouts/Account.tsx             |  4 ++--
 2 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/src/components/account/AccountSidebar.tsx b/src/components/account/AccountSidebar.tsx
index f285fd4..4112d03 100644
--- a/src/components/account/AccountSidebar.tsx
+++ b/src/components/account/AccountSidebar.tsx
@@ -59,8 +59,8 @@ const AccountSidebar = (props: AccountSidebarProps) => {
       >
         <For each={props.accounts}>
           {(account) => {
-            const selected = account.id === props.selectedAccountId;
-            const expanded = account.id === props.expandedAccountId;
+            const selected = () => account.id === props.selectedAccountId;
+            const expanded = () => account.id === props.expandedAccountId;
             const platformLabel =
               props.hostLabels[account.host] ?? account.host;
             const statusLabel =
@@ -70,13 +70,13 @@ const AccountSidebar = (props: AccountSidebarProps) => {
             return (
               <div
                 class={
-                  selected
+                  selected()
                     ? compact()
-                      ? "rounded-[22px] border border-cyan-300 bg-[linear-gradient(145deg,_rgba(236,254,255,0.95),_rgba(240,253,244,0.95))] px-3 py-3 shadow-sm"
-                      : "rounded-[24px] border border-cyan-300 bg-[linear-gradient(145deg,_rgba(236,254,255,0.95),_rgba(240,253,244,0.95))] px-4 py-4 shadow-sm"
+                      ? "rounded-[22px] border border-cyan-300 bg-[linear-gradient(145deg,rgba(236,254,255,0.95),rgba(240,253,244,0.95))] px-3 py-3 shadow-sm"
+                      : "rounded-3xl border border-cyan-300 bg-[linear-gradient(145deg,rgba(236,254,255,0.95),rgba(240,253,244,0.95))] px-4 py-4 shadow-sm"
                     : compact()
-                      ? "rounded-[22px] border border-zinc-200 bg-[linear-gradient(180deg,_rgba(250,250,250,0.9),_rgba(255,255,255,0.95))] px-3 py-3 shadow-sm transition hover:border-cyan-200 hover:bg-white"
-                      : "rounded-[24px] border border-zinc-200 bg-[linear-gradient(180deg,_rgba(250,250,250,0.9),_rgba(255,255,255,0.95))] px-4 py-4 shadow-sm transition hover:border-cyan-200 hover:bg-white"
+                      ? "rounded-[22px] border border-zinc-200 bg-[linear-gradient(180deg,rgba(250,250,250,0.9),rgba(255,255,255,0.95))] px-3 py-3 shadow-sm transition hover:border-cyan-200 hover:bg-white"
+                      : "rounded-3xl border border-zinc-200 bg-[linear-gradient(180deg,rgba(250,250,250,0.9),rgba(255,255,255,0.95))] px-4 py-4 shadow-sm transition hover:border-cyan-200 hover:bg-white"
                 }
               >
                 <div class="flex items-start justify-between gap-3">
@@ -100,14 +100,6 @@ const AccountSidebar = (props: AccountSidebarProps) => {
                           学号：{account.user.id}
                         </p>
                       </div>
-                      <div class="flex shrink-0 items-center gap-2">
-                        <span class="rounded-full bg-white/80 px-3 py-1 text-xs font-medium text-cyan-700 shadow-sm">
-                          {statusLabel}
-                        </span>
-                        <span class="text-sm text-zinc-400">
-                          {expanded ? "收起" : "展开"}
-                        </span>
-                      </div>
                     </div>
                   </button>
                   <button
@@ -115,11 +107,11 @@ const AccountSidebar = (props: AccountSidebarProps) => {
                     class="shrink-0 text-sm text-zinc-400 transition hover:text-zinc-600"
                     onClick={() => props.onToggleExpand(account.id)}
                   >
-                    {expanded ? "收起" : "展开"}
+                    {expanded() ? "收起" : "展开"}
                   </button>
                 </div>
 
-                <Show when={expanded}>
+                <Show when={expanded()}>
                   <div class="mt-4 grid gap-2 border-t border-cyan-100 pt-4 text-sm text-zinc-600">
                     <p>学院：{account.user.dept}</p>
                     <p>班级：{account.user.class}</p>
@@ -127,6 +119,7 @@ const AccountSidebar = (props: AccountSidebarProps) => {
                     <p>站点：{account.host}</p>
                     <p>账号：{account.username || "-"}</p>
                     <p>课程数：{account.courses.length}</p>
+                    <p>课程类型：{statusLabel}</p>
 
                     <div class="mt-2 flex gap-2">
                       <button
@@ -158,7 +151,7 @@ const AccountSidebar = (props: AccountSidebarProps) => {
         </For>
 
         <Show when={props.accounts.length === 0}>
-          <div class="rounded-[24px] border border-dashed border-zinc-300 bg-zinc-50/80 px-5 py-10 text-center text-zinc-500">
+          <div class="rounded-3xl border border-dashed border-zinc-300 bg-zinc-50/80 px-5 py-10 text-center text-zinc-500">
             还没有账号，点击右上角“添加账号”开始登录。
           </div>
         </Show>
diff --git a/src/pages/accouts/Account.tsx b/src/pages/accouts/Account.tsx
index a0548f2..84e33aa 100644
--- a/src/pages/accouts/Account.tsx
+++ b/src/pages/accouts/Account.tsx
@@ -484,7 +484,7 @@ const Account = () => {
 
   return (
     <div class="flex h-full min-h-0 flex-col overflow-hidden">
-      <div class="flex shrink-0 items-center justify-between gap-4 rounded-[28px] border border-white/80 bg-[linear-gradient(135deg,_rgba(236,254,255,0.95),_rgba(255,255,255,0.92))] px-5 py-4 shadow-[0_18px_45px_-28px_rgba(8,145,178,0.35)]">
+      <div class="flex shrink-0 items-center justify-between gap-4 rounded-[28px] border border-white/80 bg-[linear-gradient(135deg,rgba(236,254,255,0.95),rgba(255,255,255,0.92))] px-5 py-4 shadow-[0_18px_45px_-28px_rgba(8,145,178,0.35)]">
         <div>
           <p class="text-xs font-medium tracking-[0.26em] text-cyan-700/75 uppercase">
             Account Center
@@ -496,7 +496,7 @@ const Account = () => {
         </div>
 
         <button
-          class="rounded-2xl bg-[linear-gradient(135deg,_#06b6d4,_#14b8a6)] px-4 py-3 text-sm font-medium text-white shadow-lg shadow-cyan-500/20 transition hover:translate-y-[-1px] hover:shadow-cyan-500/30"
+          class="rounded-2xl bg-[linear-gradient(135deg,#06b6d4,#14b8a6)] px-4 py-3 text-sm font-medium text-white shadow-lg shadow-cyan-500/20 transition hover:-translate-y-px hover:shadow-cyan-500/30"
           onClick={openDialog}
         >
           添加账号