通用详情页

标准的详情展示页面,包含头部操作区和详情内容区。

特性

  • 返回按钮
  • 操作按钮组
  • 描述列表展示
  • 分组信息卡片

依赖组件

在线预览

基本信息
ID
1
名称
项目 A
状态
进行中
描述
这是一个测试项目的详细描述信息
创建时间
2026-01-10 10:00:00
更新时间
2026-01-10 15:30:00

源码

基本信息
ID
1
名称
项目 A
状态
进行中
描述
这是一个测试项目的详细描述信息
创建时间
2026-01-10 10:00:00
更新时间
2026-01-10 15:30:00

使用说明

1. 复制代码

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

2. 自定义配置

根据你的实际需求修改:

  • 描述字段配置
  • 操作按钮
  • 信息分组
  • 返回逻辑

3. API 说明

CommonDetailProps

属性说明类型默认值
detail详情数据DetailItem-
descriptionItems描述字段配置DescriptionItem[]-
onBack返回回调() => void-
onEdit编辑回调() => void-