抽屉列表组件

点击列表项的查看按钮,从右侧弹出抽屉展示详细信息。

特性

  • 侧边抽屉展示详情
  • 保持列表上下文
  • 支持抽屉内操作
  • 响应式宽度

依赖组件

在线预览

ID名称状态创建时间操作
1项目 A进行中2026-01-10
2项目 B已完成2026-01-09

源码

ID名称状态创建时间操作
暂无数据
暂无数据

使用说明

1. 复制代码

点击代码块右上角的复制按钮,将完整代码复制到你的项目中。

2. 自定义配置

根据你的实际需求修改:

  • 表格列定义
  • 描述字段配置
  • 抽屉宽度
  • 操作按钮

3. API 说明

DrawerListProps

属性说明类型默认值
columns表格列配置Column[]-
dataSource数据源DataItem[]-
descriptionItems描述字段配置DescriptionItem[]-
drawerWidth抽屉宽度number600