From 46b043999b80f3defd036388ebe57859e3fc01cd Mon Sep 17 00:00:00 2001 From: yuetsh <517252939@qq.com> Date: Tue, 13 Oct 2026 14:49:25 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E9=A1=B6=E6=A0=8F):=20=E9=A1=B6=E6=A0=8F?= =?UTF-8?q?=E5=AF=BC=E8=88=AA=E5=8A=A0=E5=9B=9E=E3=80=8C=E5=85=AC=E5=91=8A?= =?UTF-8?q?=E3=80=8D=EF=BC=8C=E6=8E=92=E5=9C=A8=E6=8E=92=E5=90=8D=E5=90=8E?= =?UTF-8?q?=E9=9D=A2=E2=80=94=E2=80=94=E9=A6=96=E9=A1=B5=E5=8F=AA=E6=94=BE?= =?UTF-8?q?=E7=BD=AE=E9=A1=B6=E9=82=A3=E6=9D=A1=E4=BA=86=EF=BC=8C=E5=85=B6?= =?UTF-8?q?=E5=AE=83=E5=85=AC=E5=91=8A=E4=BB=8E=E8=BF=99=E9=87=8C=E8=BF=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- apps/web/src/shared/components/Header.vue | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/apps/web/src/shared/components/Header.vue b/apps/web/src/shared/components/Header.vue index aa26bfc..1b41562 100644 --- a/apps/web/src/shared/components/Header.vue +++ b/apps/web/src/shared/components/Header.vue @@ -79,10 +79,9 @@ function renderIcon(icon: string) { * 顶栏导航的唯一一张表：桌面端渲染成一排纯文字，窄屏收进「菜单」下拉。 * `key` 就是一级路径，用来判定高亮（见上面的 active）。 * - * 顺序是 自学 / 题目 / 提交 / 题单 / 比赛 / 排名。「自学」进自学首页（/learn）， + * 顺序是 自学 / 题目 / 提交 / 题单 / 比赛 / 排名 / 公告。「自学」进自学首页（/learn）， * 两门课、接着学哪一课都在那儿挑，不再是下拉。提交留在一级：学生天天回来看自己交的结果，老师课上翻全班代码也走它。 - * 公告不上顶栏 —— 一年五六条、基本是版本更新，首页有公告卡片和「全部」入口； - * 只有手机菜单里留一项（见 mobileMenus）。 + * 公告 2026-10-13 回到顶栏（用户要的）：首页只放置顶那条了，别的公告得有个地方点得到。 * 不用 n-menu：它横排每项固定占 100px，1280 宽的机房屏上会把顶栏挤成两行。 */ interface NavLink { @@ -100,18 +99,16 @@ const navLinks = computed(() => { key: "problemset", label: "题单", to: "/problemset" }, { key: "contest", label: "比赛", to: "/contest" }, { key: "rank", label: "排名", to: "/rank" }, + { key: "announcement", label: "公告", to: "/announcement" }, ].filter((link) => link.show !== false), ) -const announcementLink: NavLink = { key: "announcement", label: "公告", to: "/announcement" } - -const mobileMenus = computed(() => [ - ...navLinks.value.map((link) => ({ label: link.label, key: link.key })), - { label: announcementLink.label, key: announcementLink.key }, -]) +const mobileMenus = computed(() => + navLinks.value.map((link) => ({ label: link.label, key: link.key })), +) function handleNavSelect(key: string) { - const link = [...navLinks.value, announcementLink].find((item) => item.key === key) + const link = navLinks.value.find((item) => item.key === key) if (link) router.push(link.to) }