左侧菜单改版:工作台下拉 + 5个图标导航

- 工作台改为下拉菜单(layout-grid + chevron-down 图标)
- 顶部 tabs 移到左侧 sidebar,5 个图标导航(首页/财务/台账/方案/产品)
- 头像与工作台间、工作台与导航间各加分隔线
- 经营管理 tab 短名改为'财务'
- 移除 .tabs 样式,新增 .sidebar-tab 样式
This commit is contained in:
mac
2026-06-24 12:42:56 +08:00
parent 2c7e6b7d29
commit 33f47acc55
5 changed files with 105 additions and 63 deletions

View File

@@ -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 {