From 9346e58e3e8e20c06ce6b7c4905e3fa9a918fb9a Mon Sep 17 00:00:00 2001
From: shenjianZ <shenjianZLT@gmail.com>
Date: Mon, 12 Jan 2026 21:26:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=8F=E6=97=A0=E6=B3=95=E6=8B=96=E5=8A=A8?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src-tauri/capabilities/default.json |  1 +
 client/src/components/TitleBar.vue         | 24 +++++++++++++++-------
 client/src/views/admin/NewsManagement.vue  |  2 +-
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/client/src-tauri/capabilities/default.json b/client/src-tauri/capabilities/default.json
index 7a40984..6201f62 100644
--- a/client/src-tauri/capabilities/default.json
+++ b/client/src-tauri/capabilities/default.json
@@ -13,6 +13,7 @@
     "core:window:allow-close",
     "core:window:allow-is-maximized",
     "core:window:allow-toggle-maximize",
+    "core:window:allow-start-dragging",
     "opener:default",
     {
       "identifier": "http:default",
diff --git a/client/src/components/TitleBar.vue b/client/src/components/TitleBar.vue
index 4f6342e..72175d0 100644
--- a/client/src/components/TitleBar.vue
+++ b/client/src/components/TitleBar.vue
@@ -66,20 +66,21 @@ const close = async () => {
 </script>
 
 <template>
-  <!-- data-tauri-drag-region: Tauri 自动处理窗口拖拽 -->
   <div
-    data-tauri-drag-region
-    class="titlebar h-10 flex items-center justify-between px-3 select-none fixed top-0 left-0 right-0 z-50"
+    class="titlebar h-10 flex items-center select-none fixed top-0 left-0 right-0 z-50"
     :class="{ 'titlebar-dark': isDark }"
   >
-    <!-- 左侧：标题 -->
-    <div data-tauri-drag-region class="flex items-center gap-2 pointer-events-none">
+    <!-- 左侧：标题区域（可拖拽） -->
+    <div
+      data-tauri-drag-region
+      class="titlebar-drag-region flex items-center gap-2 px-3 flex-1"
+    >
       <div class="titlebar-icon" :class="{ 'titlebar-icon-dark': isDark }" />
       <span class="titlebar-text">News Classifier</span>
     </div>
 
-    <!-- 右侧：窗口控制按钮 -->
-    <div class="flex items-center">
+    <!-- 右侧：窗口控制按钮（不可拖拽） -->
+    <div class="flex items-center" data-tauri-drag-region="false">
       <!-- 最小化按钮 -->
       <button
         @click="minimize"
@@ -122,11 +123,17 @@ const close = async () => {
   border-bottom: 1px solid hsl(var(--sidebar-border));
 }
 
+.titlebar-drag-region {
+  /* 拖拽区域样式 */
+  min-width: 0;
+}
+
 .titlebar-icon {
   width: 12px;
   height: 12px;
   background: hsl(var(--primary));
   border-radius: 2px;
+  flex-shrink: 0;
 }
 
 .titlebar-icon-dark {
@@ -137,6 +144,9 @@ const close = async () => {
   font-size: 0.8125rem;
   font-weight: 500;
   color: hsl(var(--foreground));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .titlebar-btn {
diff --git a/client/src/views/admin/NewsManagement.vue b/client/src/views/admin/NewsManagement.vue
index a329655..0dc61fe 100644
--- a/client/src/views/admin/NewsManagement.vue
+++ b/client/src/views/admin/NewsManagement.vue
@@ -696,7 +696,7 @@ onMounted(async () => {
   padding: 1rem;
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
-  border-radius: var(--radius));
+  border-radius: var(--radius);
 }
 
 .pagination-info {