带 Tabs 的列表页

    一个功能完整的列表页模板，集成了搜索表单、标签页切换和数据表格展示。

    特性

    • 响应式搜索表单，支持展开/收起
    • 多标签页切换展示不同数据
    • 数据表格支持分页、排序
    • 完善的错误处理和加载状态

    依赖组件

    在线预览

    请选择状态

    数据列表

    ID名称状态创建时间操作
    1项目 A进行中2026-01-10查看
    2项目 B已完成2026-01-09查看
    3项目 C进行中2026-01-08查看
    • 1
    • 10 条/页

    源码

    请选择状态

    数据列表

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

    使用说明

    1. 复制代码

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

    2. 自定义配置

    根据你的实际需求修改：

    • 表单字段配置
    • 表格列定义
    • API 接口地址
    • 数据处理逻辑
    • 标签页配置

    3. API 说明

    TabsListProps

    属性说明类型默认值
    tabItems标签页配置TabConfig[]-
    columns表格列配置Column[]-
    dataSource数据源DataItem[]-
    onSearch搜索回调(values) => void-
    loading加载状态booleanfalse