refactor: 侧边栏折叠按钮从 Header 移至侧边栏底部
- 移除 Header 左侧折叠按钮,改用 TDesign Menu operations 渲染底部折叠按钮 - Header 品牌名与版本号使用 brand-group 基线对齐 - 侧边栏折叠宽度从 80px 对齐 TDesign 默认 64px - 更新相关测试和 DEVELOPMENT.md 文档
This commit is contained in:
@@ -38,7 +38,7 @@ src/
|
||||
app.ts 应用全局常量(name、title、subtitle、description)
|
||||
web/ React 前端(通过 Vite 构建)
|
||||
index.html HTML 入口
|
||||
app.tsx 根组件(Admin 布局:Header + Sidebar + Content)
|
||||
app.tsx 根组件(Admin 布局:Header + Sidebar + Content + 版本号展示)
|
||||
main.tsx 入口(BrowserRouter + QueryClient 挂载 + ErrorBoundary + ReactQueryDevtools + TDesign CSS 导入)
|
||||
routes.tsx 路由配置(定义所有页面路由)
|
||||
styles.css 全局样式与自定义 CSS 变量
|
||||
@@ -55,7 +55,7 @@ src/
|
||||
components/ UI 组件
|
||||
ErrorBoundary.tsx React 错误边界,捕获渲染异常并展示降级 UI
|
||||
Sidebar/
|
||||
index.tsx 侧边栏菜单组件(TDesign Menu + 折叠控制)
|
||||
index.tsx 侧边栏菜单组件(TDesign Menu + 底部折叠按钮)
|
||||
hooks/ React hooks
|
||||
use-theme-preference.ts 主题偏好 hook(system/light/dark,localStorage 记忆 + matchMedia 监听)
|
||||
use-sidebar-collapsed.ts 侧边栏折叠状态 hook(localStorage 记忆)
|
||||
@@ -268,10 +268,10 @@ main.tsx
|
||||
│ ├── useThemePreference() ── Header 主题模式 RadioGroup(系统/明亮/黑暗)
|
||||
│ ├── useSidebarCollapsed() ── 侧边栏折叠状态(localStorage 记忆)
|
||||
│ ├── Layout
|
||||
│ │ ├── Header(折叠按钮 + 品牌名 + 页标题 + 主题切换)
|
||||
│ │ ├── Header(品牌名 + 版本号 + 页标题 + 主题切换)
|
||||
│ │ └── Layout(嵌套)
|
||||
│ │ ├── Aside
|
||||
│ │ │ └── Sidebar(TDesign Menu,菜单项点击导航)
|
||||
│ │ │ └── Sidebar(TDesign Menu + 底部折叠按钮,菜单项点击导航)
|
||||
│ │ └── Content
|
||||
│ │ └── AppRoutes(路由配置)
|
||||
│ │ ├── / → DashboardPage(欢迎语 + /api/meta 联调)
|
||||
|
||||
Reference in New Issue
Block a user