jingrowlocal/jingrow-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新菜单管理界面新增菜单按钮样式

Browse Source
This commit is contained in:
jingrow 2025-11-01 21:17:40 +08:00
parent 70464ab233
commit a75f58c6f3
1 changed files with 45 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
apps/jingrow/frontend/src/views/settings/MenuManager.vue
View File

@ -503,38 +503,61 @@ function handleCheckedRowKeysChange(keys: (string | number)[]) {
font-size: 12px; font-size: 12px;
} }
/* 新增菜单按钮 - 使用指定颜色 */ /* 新增菜单按钮 - 使用柔和的品牌色系，与pagetype列表页创建按钮一致 */
.create-btn { .create-btn {
height: 36px; height: 36px;
padding: 0 16px; padding: 0 16px;
border: none; border: 1px solid #1fc76f;
border-radius: 8px; border-radius: 8px;
background: #1fc76f; background: #e6f8f0;
color: white; color: #0d684b;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.create-btn:hover { .create-btn:hover {
background: #1bb865; background: #dcfce7;
transform: translateY(-1px); border-color: #1fc76f;
box-shadow: 0 4px 12px rgba(31, 199, 111, 0.3); color: #166534;
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(31, 199, 111, 0.15);
} }
.create-btn:active { .create-btn:active {
transform: translateY(0); background: #1fc76f;
box-shadow: 0 2px 6px rgba(31, 199, 111, 0.3); border-color: #1fc76f;
color: white;
transform: translateY(0);
box-shadow: 0 1px 4px rgba(31, 199, 111, 0.2);
} }
.create-btn i { .create-btn:disabled {
font-size: 12px; 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;
} }
/* 页面内容区域 */ /* 页面内容区域 */