From f586332ab28a2b8f06221704a39cdf1d722883a6 Mon Sep 17 00:00:00 2001
From: cat_shark <1716967236@qq.com>
Date: Sat, 23 May 2026 22:54:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A1=B5=E5=A4=B4=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E4=B8=8E=E8=BF=94=E5=9B=9E=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 子页面显示对应路由标题，首页/登录页保留品牌信息
- 非首页非登录页显示"← 返回首页"按钮
---
 src/components/MyHead.vue | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/src/components/MyHead.vue b/src/components/MyHead.vue
index 188a857..0aa6f57 100644
--- a/src/components/MyHead.vue
+++ b/src/components/MyHead.vue
@@ -1,6 +1,17 @@
 <template>
   <div class="head surface-card">
-    <div class="brand-block">
+    <el-button
+      v-if="showBackButton"
+      text
+      class="back-btn"
+      @click="router.push('/welcome')"
+    >
+      ← 返回首页
+    </el-button>
+    <template v-if="pageTitle">
+      <h1 class="head-title">{{ pageTitle }}</h1>
+    </template>
+    <div v-else class="brand-block">
       <p class="brand-title">学习进度跟踪系统</p>
       <p class="brand-subtitle">把学习变成可记录、可回顾、可持续的日常流程</p>
     </div>
@@ -25,6 +36,8 @@ import { logout } from "@/api/login";
 
 const route = useRoute();
 const isLoginRoute = computed(() => route.path === "/login");
+const showBackButton = computed(() => route.path !== "/login" && route.path !== "/welcome");
+const pageTitle = computed(() => route.meta?.title as string | undefined);
 
 const handleLogout = async () => {
   try {
@@ -63,6 +76,24 @@ const handleLogout = async () => {
   color: var(--text-secondary);
 }
 
+.head-title {
+  margin: 0;
+  font-size: clamp(18px, 2.4vw, 24px);
+  font-weight: 700;
+  color: var(--green-900);
+  flex: 1;
+}
+
+.back-btn {
+  font-size: 14px;
+  color: var(--green-700);
+  padding: 0 4px;
+  flex-shrink: 0;
+}
+.back-btn:hover {
+  color: var(--green-900);
+}
+
 .logout-btn {
   border-color: var(--green-600);
   color: var(--green-700);