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;
}
/* 新增菜单按钮 - 使用指定颜色 */
/* 新增菜单按钮 - 使用柔和的品牌色系，与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;
}
/* 页面内容区域 */