From b19fc3c1d9dac7eb3b2a0fe4c0bfac6ba2a85830 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 30 Sep 2026 01:20:01 +0800
Subject: [PATCH] =?UTF-8?q?style(=E9=A1=B6=E6=A0=8F):=20=E3=80=8C=E8=AF=BE?=
 =?UTF-8?q?=E5=A0=82=E7=9C=8B=E6=9D=BF=E3=80=8D=E5=A4=B9=E5=9C=A8=E4=B8=A4?=
 =?UTF-8?q?=E4=B8=AA=E6=A1=86=E4=B8=AD=E9=97=B4=E5=83=8F=E6=98=AF=E6=B2=A1?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=EF=BC=8C=E6=94=B9=E6=88=90=E5=92=8C=E3=80=8C?=
 =?UTF-8?q?=E4=BB=8A=E6=97=A5=E7=BB=9F=E8=AE=A1=E3=80=8D=E4=B8=80=E6=A0=B7?=
 =?UTF-8?q?=E7=9A=84=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/shared/components/Header.vue | 26 +++++++++--------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/apps/web/src/shared/components/Header.vue b/apps/web/src/shared/components/Header.vue
index 23512dd..6145073 100644
--- a/apps/web/src/shared/components/Header.vue
+++ b/apps/web/src/shared/components/Header.vue
@@ -255,16 +255,18 @@ const options = computed<Array<DropdownOption | DropdownDividerOption>>(() => {
     <div class="actions">
       <ProblemJumpBox v-if="isDesktop" :compact="compact" />
       <template v-if="isDesktop && collabStore.isTeacher">
-        <RouterLink
-          to="/classroom"
+        <!-- 和提交列表的「今日统计」「数据统计」同一种按钮：平时没底色，悬停出底色 -->
+        <n-button
+          quaternary
           class="tool-link"
-          :class="{ active: active === 'classroom' }"
+          :type="active === 'classroom' ? 'primary' : 'default'"
           title="课堂看板"
           aria-label="课堂看板"
+          @click="router.push('/classroom')"
         >
-          <Icon icon="ph:monitor" :width="16" />
-          <span v-if="!compact">课堂看板</span>
-        </RouterLink>
+          <template #icon><Icon icon="ph:monitor" /></template>
+          <template v-if="!compact">课堂看板</template>
+        </n-button>
         <span class="divider"></span>
       </template>
       <n-dropdown v-if="isMobile" :options="mobileMenus" size="large" @select="handleNavSelect">
@@ -388,17 +390,9 @@ const options = computed<Array<DropdownOption | DropdownDividerOption>>(() => {
   flex: none;
 }
 
+/* 按钮左右自带的留白吃回去，和两边的间距不变 */
 .tool-link {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  color: v-bind("theme.textColor3");
-  text-decoration: none;
-}
-
-.tool-link:hover,
-.tool-link.active {
-  color: v-bind("theme.primaryColor");
+  margin: 0 -8px;
 }
 
 .divider {