左侧菜单改版:工作台下拉 + 5个图标导航
- 工作台改为下拉菜单(layout-grid + chevron-down 图标) - 顶部 tabs 移到左侧 sidebar,5 个图标导航(首页/财务/台账/方案/产品) - 头像与工作台间、工作台与导航间各加分隔线 - 经营管理 tab 短名改为'财务' - 移除 .tabs 样式,新增 .sidebar-tab 样式
This commit is contained in:
@@ -32,25 +32,30 @@ body {
|
||||
background: rgba(96,165,250,0.15);
|
||||
}
|
||||
|
||||
.tabs {
|
||||
.sidebar-tab {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.tabs button {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid transparent;
|
||||
color: #64748b;
|
||||
display: inline-flex;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
gap: 8px;
|
||||
padding: 14px 16px;
|
||||
padding: 8px 4px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
color: #94a3b8;
|
||||
transition: all 0.15s ease;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tabs button.active {
|
||||
border-bottom-color: #1d4ed8;
|
||||
color: #1d4ed8;
|
||||
.sidebar-tab:hover {
|
||||
background: #1e293b;
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
.sidebar-tab.active {
|
||||
background: #1e293b;
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.sidebar-tab.active i {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.panel {
|
||||
|
||||
Reference in New Issue
Block a user