Examples Display

Docs

Examples Display

用于显示多个示例的组件。

user-example用户对象示例

一个标准的用户对象，包含基本信息

{
  "id": 1,
  "name": "张三",
  "email": "zhangsan@example.com",
  "age": 30,
  "active": true
}

product-example产品对象示例

电商产品的基本信息结构

{
  "id": "prod-001",
  "name": "智能手机",
  "price": 2999.99,
  "category": "electronics",
  "inStock": true,
  "tags": [
    "smartphone",
    "android",
    "5G"
  ]
}

error-example错误响应示例

API 错误响应的标准格式

{
  "error": {
    "code": "VALIDATION_ERROR",
    "message": "请求参数验证失败",
    "details": [
      {
        "field": "email",
        "message": "邮箱格式不正确"
      }
    ]
  }
}

安装

使用方法

import { ExamplesDisplay } from "@/components/pivot/examples-display";

<ExamplesDisplay />

示例

基本用法

<ExamplesDisplay />

API 参考

Props

属性	类型	默认值	描述
`className`	`string`	-	额外的 CSS 类名

Example Display External Docs

Contribute