From a7ed0e5d75fd943109a812d0110cf445c459517c Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Mon, 14 Sep 2026 11:32:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=85=B3=E9=97=AD=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=89=A7=E6=9C=AC=E6=A0=87=E9=A2=98=E6=82=AC=E6=B5=AE?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/projects/ProjectLayout.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/features/projects/ProjectLayout.vue b/src/features/projects/ProjectLayout.vue
index 04d26f7..53903eb 100644
--- a/src/features/projects/ProjectLayout.vue
+++ b/src/features/projects/ProjectLayout.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, inject, onScopeDispose, provide, watchEffect } from 'vue'
+import { computed, inject, onScopeDispose, provide, ref, watchEffect } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { NScrollbar, NAlert, NButton, NPageHeader, NSpin, NEllipsis } from 'naive-ui'
 import { EmptyState } from '../../components/ui'
@@ -11,6 +11,15 @@ import { isProjectComplete, projectAccessKey, type ProjectAccess } from './acces
 const route = useRoute()
 const router = useRouter()
 const id = computed(() => String(route.params.projectId))
+/** 移动端标题只截断，不弹悬浮提示；跟随视口变化并在卸载时清理监听。 */
+const mobileMedia = window.matchMedia('(max-width: 760px)')
+const isMobile = ref(mobileMedia.matches)
+function syncMobile() {
+    isMobile.value = mobileMedia.matches
+}
+mobileMedia.addEventListener('change', syncMobile)
+onScopeDispose(() => mobileMedia.removeEventListener('change', syncMobile))
+
 // 图库使用手动刷新，父布局也停止轮询，避免浏览素材时被周期性更新打断。
 const isGallery = computed(() => route.path.replace(/\/+$/, '').endsWith('/subject-images'))
 const context = useProjectData(
@@ -36,7 +45,7 @@ onScopeDispose(() => {
         <header class="project-header">
             <NPageHeader @back="router.push('/projects')">
                 <template #title
-                    ><NEllipsis class="project-title">{{
+                    ><NEllipsis :key="isMobile ? 'mobile' : 'desktop'" class="project-title" :tooltip="!isMobile">{{
                         context.project.value?.title || context.project.value?.topic || '读取项目'
                     }}</NEllipsis></template
                 >