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; } /* 页面内容区域 */