From 70d75c73dc835b04952e3b2d9ff274b44d7009d9 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sat, 1 Nov 2025 21:59:34 +0800
Subject: [PATCH] =?UTF-8?q?pagetype=E8=AF=A6=E6=83=85=E9=A1=B5=E7=9A=84?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=9B=BE=E6=A0=87=E8=83=8C=E6=99=AF=E8=89=B2?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E7=BA=A2=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/core/pagetype/GenericDetailPage.vue        | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue b/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue
index 352ef50..c8c5e87 100644
--- a/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue
+++ b/apps/jingrow/frontend/src/core/pagetype/GenericDetailPage.vue
@@ -47,7 +47,7 @@
             @click="handleDelete"
             :disabled="loading || isNew"
             :title="t('Delete')"
-            class="header-action-btn"
+            class="header-action-btn delete-btn"
           >
             <template #icon>
               <n-icon>
@@ -1636,6 +1636,18 @@ watch(() => route.params.entity, async (newEntity, oldEntity) => {
   justify-content: center;
 }
 
+/* 删除按钮悬浮时使用红色 */
+.header-action-btn.delete-btn:hover:not(:disabled) {
+  background: #ef4444 !important;
+  border-color: #ef4444 !important;
+  color: white !important;
+}
+
+.header-action-btn.delete-btn:hover:not(:disabled) :deep(.n-button__border),
+.header-action-btn.delete-btn:hover:not(:disabled) :deep(.n-button__state-border) {
+  border-color: #ef4444 !important;
+}
+
 /* 保存按钮 - 使用柔和的品牌色系，与列表页创建按钮一致 */
 .save-btn-brand {
   background: #e6f8f0 !important;