🧩 管理后台常用组件
布局组件
| 组件 |
用途 |
常见实现 |
| Layout |
整体页面布局框架 |
侧边栏 + 顶栏 + 内容区 |
| Menu |
导航菜单 |
多级菜单、折叠菜单 |
| Breadcrumb |
面包屑导航 |
自动根据路由生成 |
| Tabs |
标签页 |
多标签页切换、保持状态 |
数据展示组件
| 组件 |
用途 |
关键功能 |
| Table |
数据表格 |
分页、排序、筛选、行选择 |
| Tree |
树形控件 |
展开/折叠、复选框、拖拽 |
| List |
列表 |
虚拟滚动、加载更多 |
| Descriptions |
描述列表 |
详情展示、键值对 |
| Timeline |
时间轴 |
操作日志、进度展示 |
表单组件
| 组件 |
用途 |
关键功能 |
| Form |
表单容器 |
验证、提交、重置 |
| Input |
输入框 |
文本、密码、搜索 |
| Select |
选择器 |
单选、多选、搜索、远程数据 |
| DatePicker |
日期选择 |
日期、时间、范围、快捷选项 |
| Upload |
上传 |
拖拽、预览、进度、多文件 |
| Radio/Checkbox |
单选/复选 |
按钮样式、分组 |
| Switch |
开关 |
布尔值切换 |
| Slider |
滑块 |
范围选择、步长 |
反馈组件
| 组件 |
用途 |
使用场景 |
| Modal |
对话框 |
确认操作、表单弹窗 |
| Drawer |
抽屉 |
详情展示、复杂表单 |
| Message |
全局提示 |
操作反馈、轻量提示 |
| Notification |
通知提醒 |
系统通知、重要提醒 |
| Spin |
加载 |
数据加载、操作等待 |
| Progress |
进度条 |
上传进度、任务进度 |
导航组件
| 组件 |
用途 |
| Pagination |
分页器 |
| Steps |
步骤条 |
| Dropdown |
下拉菜单 |
| Anchor |
锚点 |
其他常用组件
| 组件 |
用途 |
| Avatar |
头像 |
| Badge |
徽标 |
| Tag |
标签 |
| Tooltip |
文字提示 |
| Popover |
气泡卡片 |
| Card |
卡片 |
| Collapse |
折叠面板 |
| Empty |
空状态 |