抽屉详情区块组件

点击列表项的查看详情按钮,在侧边抽屉中展示完整的描述信息。

特性

  • 侧边抽屉展示
  • 描述列表组件
  • 保持列表上下文
  • 操作按钮组

依赖组件

在线预览

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

源码

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

使用说明

1. 复制代码

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

2. 自定义配置

根据你的实际需求修改:

  • 描述字段配置
  • 抽屉宽度
  • 操作按钮

3. API 说明

DrawerDetailProps

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