From b76a35b5f2b75a963bb7f1d3d41c297a2a6bded8 Mon Sep 17 00:00:00 2001 From: yuetsh <517252939@qq.com> Date: Tue, 29 Sep 2026 10:05:33 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E9=A1=B6=E6=A0=8F):=20=E3=80=8C=E6=8F=90?= =?UTF-8?q?=E4=BA=A4=E3=80=8D=E5=9B=9E=E5=88=B0=E9=A1=B6=E6=A0=8F=EF=BC=8C?= =?UTF-8?q?=E9=A1=BA=E5=BA=8F=E6=94=B9=E4=B8=BA=E8=87=AA=E5=AD=A6=E3=80=81?= =?UTF-8?q?=E9=A2=98=E7=9B=AE=E3=80=81=E6=8F=90=E4=BA=A4=E3=80=81=E9=A2=98?= =?UTF-8?q?=E5=8D=95=E3=80=81=E6=AF=94=E8=B5=9B=E3=80=81=E6=8E=92=E5=90=8D?= =?UTF-8?q?=EF=BC=9B=E5=85=AC=E5=91=8A=E5=8F=AA=E7=95=99=E5=9C=A8=E9=A6=96?= =?UTF-8?q?=E9=A1=B5?= 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 | 51 ++++++++--------------- 1 file changed, 18 insertions(+), 33 deletions(-) diff --git a/apps/web/src/shared/components/Header.vue b/apps/web/src/shared/components/Header.vue index 6480eb0..23512dd 100644 --- a/apps/web/src/shared/components/Header.vue +++ b/apps/web/src/shared/components/Header.vue @@ -85,8 +85,10 @@ function learnLink(type: "python" | "c") { * 顶栏导航的唯一一张表：桌面端渲染成一排纯文字，窄屏收进「菜单」下拉。 * `key` 就是一级路径，用来判定高亮（见上面的 active）。 * - * 一级只放天天用的（题目、题单）和课上会被点名去看的（比赛、排名）。提交、公告收进 - * 「更多」：全站的提交列表学生很少翻，自己的在个人菜单里；公告一年没几条。 + * 顺序是 自学 / 题目 / 提交 / 题单 / 比赛 / 排名。「自学」是下拉，单独渲染在最前面， + * 不在这张表里。提交留在一级：学生天天回来看自己交的结果，老师课上翻全班代码也走它。 + * 公告不上顶栏 —— 一年五六条、基本是版本更新，首页有公告卡片和「全部」入口； + * 只有手机菜单里留一项（见 mobileMenus）。 * 不用 n-menu：它横排每项固定占 100px，1280 宽的机房屏上会把顶栏挤成两行。 */ interface NavLink { @@ -96,46 +98,34 @@ interface NavLink { show?: boolean } -const navLinks: NavLink[] = [ - { key: "problem", label: "题目", to: "/problem" }, - { key: "problemset", label: "题单", to: "/problemset" }, - { key: "contest", label: "比赛", to: "/contest" }, - { key: "rank", label: "排名", to: "/rank" }, -] - -const moreLinks = computed(() => +const navLinks = computed(() => [ + { key: "problem", label: "题目", to: "/problem" }, { key: "submission", label: "提交", to: "/submission", show: userStore.showSubmissions }, - { key: "announcement", label: "公告", to: "/announcement" }, + { key: "problemset", label: "题单", to: "/problemset" }, + { key: "contest", label: "比赛", to: "/contest" }, + { key: "rank", label: "排名", to: "/rank" }, ].filter((link) => link.show !== false), ) -const moreActive = computed(() => moreLinks.value.some((link) => link.key === active.value)) +const announcementLink: NavLink = { key: "announcement", label: "公告", to: "/announcement" } const learnOptions: DropdownOption[] = [ { label: "Python", key: "learn-python", icon: renderIcon("ph:book-open") }, { label: "C 语言", key: "learn-c", icon: renderIcon("ph:book-open") }, ] -const moreOptions = computed(() => - moreLinks.value.map((link) => ({ - label: link.label, - key: link.key, - icon: renderIcon(link.key === "submission" ? "ph:tray" : "ph:megaphone"), - })), -) - const mobileMenus = computed(() => [ - ...navLinks.map((link) => ({ label: link.label, key: link.key })), { label: "自学", key: "learn", children: learnOptions }, - ...moreLinks.value.map((link) => ({ label: link.label, key: link.key })), + ...navLinks.value.map((link) => ({ label: link.label, key: link.key })), + { label: announcementLink.label, key: announcementLink.key }, ]) function handleNavSelect(key: string) { if (key === "learn-python") router.push(learnLink("python")) else if (key === "learn-c") router.push(learnLink("c")) else { - const link = [...navLinks, ...moreLinks.value].find((item) => item.key === key) + const link = [...navLinks.value, announcementLink].find((item) => item.key === key) if (link) router.push(link.to) } } @@ -246,6 +236,11 @@ const options = computed>(() => {