From a75f58c6f363754a6e639afa80bdf9a059f36b6d Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sat, 1 Nov 2025 21:17:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=8F=9C=E5=8D=95=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E7=95=8C=E9=9D=A2=E6=96=B0=E5=A2=9E=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/settings/MenuManager.vue        | 67 +++++++++++++------
 1 file changed, 45 insertions(+), 22 deletions(-)

diff --git a/apps/jingrow/frontend/src/views/settings/MenuManager.vue b/apps/jingrow/frontend/src/views/settings/MenuManager.vue
index 5e72e1f..3191cb9 100644
--- a/apps/jingrow/frontend/src/views/settings/MenuManager.vue
+++ b/apps/jingrow/frontend/src/views/settings/MenuManager.vue
@@ -503,38 +503,61 @@ function handleCheckedRowKeysChange(keys: (string | number)[]) {
   font-size: 12px;
 }
 
-/* 新增菜单按钮 - 使用指定颜色 */
+/* 新增菜单按钮 - 使用柔和的品牌色系，与pagetype列表页创建按钮一致 */
 .create-btn {
-  height: 36px;
-  padding: 0 16px;
-  border: none;
-  border-radius: 8px;
-  background: #1fc76f;
-  color: white;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
+  height: 36px; 
+  padding: 0 16px; 
+  border: 1px solid #1fc76f; 
+  border-radius: 8px; 
+  background: #e6f8f0;
+  color: #0d684b; 
+  cursor: pointer; 
+  display: flex; 
+  align-items: center; 
   gap: 6px;
-  font-size: 14px;
-  font-weight: 500;
+  font-size: 14px; 
+  font-weight: 500; 
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  position: relative;
+  position: relative; 
   overflow: hidden;
 }
 
-.create-btn:hover {
-  background: #1bb865;
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(31, 199, 111, 0.3);
+.create-btn:hover { 
+  background: #dcfce7; 
+  border-color: #1fc76f;
+  color: #166534; 
+  transform: translateY(-1px); 
+  box-shadow: 0 2px 8px rgba(31, 199, 111, 0.15); 
 }
 
-.create-btn:active {
-  transform: translateY(0);
-  box-shadow: 0 2px 6px rgba(31, 199, 111, 0.3);
+.create-btn:active { 
+  background: #1fc76f; 
+  border-color: #1fc76f;
+  color: white;
+  transform: translateY(0); 
+  box-shadow: 0 1px 4px rgba(31, 199, 111, 0.2); 
 }
 
-.create-btn i {
-  font-size: 12px;
+.create-btn:disabled { 
+  background: #f1f5f9; 
+  border-color: #e2e8f0;
+  color: #94a3b8; 
+  opacity: 0.6; 
+  cursor: not-allowed; 
+  transform: none; 
+  box-shadow: none; 
+}
+
+.create-btn:disabled:hover { 
+  background: #f1f5f9; 
+  border-color: #e2e8f0;
+  color: #94a3b8; 
+  transform: none; 
+  box-shadow: none; 
+}
+
+.create-btn i { 
+  font-size: 12px; 
 }
 
 /* 页面内容区域 */