组件总览
简约蓝组件库提供了 73+ 个高质量组件，覆盖 12 个主要分类。
首页仪表盘
专为数据仪表盘设计的业务组件。
- StatCard 统计卡片 - 展示关键指标和趋势
- ChartCard 图表卡片 - 带图表的数据卡片
- DashboardLayout 仪表盘布局 - 仪表盘页面布局
- TrendChart 趋势图 - 数据趋势图表
- DataOverview 数据概览 - 数据总览面板
数据查询展示
用于数据查询和筛选的组件。
- SearchBar 搜索栏 - 高级搜索栏
- FilterPanel 筛选面板 - 多条件筛选
- QueryBuilder 查询构建器 - 可视化查询构建
- AdvancedSearch 高级搜索 - 复杂搜索场景
- QuickFilter 快速筛选 - 快速筛选器
报表表格
用于数据展示和报表的组件。
- DataTable 数据表格 - 功能丰富的数据表格
- ReportHeader 报表头部 - 报表页面头部
- ExportTools 导出工具 - 数据导出功能
- TableToolbar 表格工具栏 - 表格操作工具栏
- ColumnSettings 列设置 - 表格列配置
设备卡片
用于设备管理的业务组件。
- DeviceCard 设备卡片 - 设备信息卡片
- DeviceStatus 设备状态 - 设备状态指示器
- DeviceList 设备列表 - 设备列表展示
- DeviceMonitor 设备监控 - 设备监控面板
基础组件
基于 Ant Design Vue 的基础组件。
- Icon 图标
- Button 按钮
- Link 链接
- Typography 排版
布局组件
页面布局相关组件。
- Divider 分割线
- Grid 栅格
- Layout 布局
- Space 间距
数据展示
用于数据展示的组件（17 个）。
- Avatar 头像
- Badge 徽标
- Calendar 日历
- Card 卡片
- Carousel 图片轮播
- Collapse 折叠面板
- Empty 空状态
- Image 图片
- List 列表
- Popover 气泡卡片
- Statistic 数值显示
- Table 表格
- Tabs 标签页
- Tag 标签
- Timeline 时间轴
- Tooltip 文字气泡
- Tree 树形控件
数据输入
用于数据输入的组件（16 个）。
- AutoComplete 自动补全
- Cascader 级联选择
- Checkbox 复选框
- Radio 单选框
- Switch 开关
- DatePicker 日期选择器
- TimePicker 时间选择器
- Form 表单
- Input 输入框
- InputNumber 数字输入框
- Rate 评分
- Select 选择器
- Slider 滑动输入条
- Transfer 数据穿梭框
- TreeSelect 树选择
- Upload 上传
反馈组件
用于用户反馈的组件（9 个）。
- Alert 警告提示
- Drawer 抽屉
- Message 全局提示
- Modal 对话框
- Notification 通知提醒框
- Popconfirm 气泡确认框
- Progress 进度条
- Result 结果页
- Skeleton 骨架屏
导航组件
用于页面导航的组件。
- Breadcrumb 面包屑
- Dropdown 下拉菜单
- Menu 菜单
- Pagination 分页
其他组件
其他实用组件。
- Chart 图表
- BackTop 返回顶部
- ErrorPage 缺省页
- Cover 封面
组件状态
- ✅ 已完成 - 组件已开发完成并可用
- 🚧 开发中 - 组件正在开发中
- 📋 计划中 - 组件在开发计划中
当前进度：1/73 组件已完成
下一步
- StatCard 统计卡片 - 查看第一个完成的组件
- 快速开始 - 开始使用组件库