name: 布局框架 - 诺和诺德主导航、侧边栏、页面布局组件
status: open
created: 2025-09-14T13:09:14Z
updated: 2025-09-16T09:23:08Z
github: [Will be updated when synced to GitHub]
depends_on: [9, 10, 11]
parallel: false
conflicts_with: []
Task: 布局框架 - 诺和诺德主导航、侧边栏、页面布局组件
Description
为诺和诺德分销商一站式管理门户平台实现核心布局系统，包括诺和诺德品牌主导航栏、功能模块侧边栏导航、页面布局容器和面包屑导航。为4个核心功能模块(分销商查询、变更指引、新增指引、应收账款)建立统一的页面结构和专业导航体验。
Acceptance Criteria
Technical Details
侧边栏导航组件规范 (已实现)
- 文件位置:
src/components/ui/dashboard-with-collapsible-sidebar.tsx
- 功能特性:
- 可折叠侧边栏 (展开: 256px, 折叠: 64px)
- 深色/浅色主题切换支持
- 导航项选中状态管理
- 通知徽章显示
- 完全响应式设计
- 流畅的动画过渡效果
- TypeScript 类型定义完整
- 技术实现:
- 使用 Lucide React 图标库
- TailwindCSS 样式系统
- React Hook 状态管理
- 支持键盘导航和无障碍访问
- 集成方式:
import { Example } from "@/components/ui/dashboard-with-collapsible-sidebar";
// 或使用演示组件
import DemoOne from "@/components/ui/demo";
- 依赖:
lucide-react@0.544.0 (已安装)
Dependencies
Effort Estimate
- Size: M
- Hours: 12-16 hours
- Parallel: false (需要基础架构完成后进行)
Definition of Done
name: 布局框架 - 诺和诺德主导航、侧边栏、页面布局组件
status: open
created: 2025-09-14T13:09:14Z
updated: 2025-09-16T09:23:08Z
github: [Will be updated when synced to GitHub]
depends_on: [9, 10, 11]
parallel: false
conflicts_with: []
Task: 布局框架 - 诺和诺德主导航、侧边栏、页面布局组件
Description
为诺和诺德分销商一站式管理门户平台实现核心布局系统，包括诺和诺德品牌主导航栏、功能模块侧边栏导航、页面布局容器和面包屑导航。为4个核心功能模块(分销商查询、变更指引、新增指引、应收账款)建立统一的页面结构和专业导航体验。
Acceptance Criteria
Technical Details
侧边栏导航组件规范 (已实现)
src/components/ui/dashboard-with-collapsible-sidebar.tsxlucide-react@0.544.0(已安装)Dependencies
Effort Estimate
Definition of Done