组件

OneDescriptions

OneDescriptions 用网格把 items 渲染为标签-值对；column 控制每行列数，span 让单项跨多列。

订单信息

订单号

A-1024

状态

已发货

收件人

张三

金额

¥ 128.00

查看代码收起代码

import { OneDescriptions } from '@geektech/one';

new OneDescriptions({
  title: '订单信息',
  column: 2,
  bordered: true,
  items: [
    { label: '订单号', value: 'A-1024' },
    { label: '状态', value: '已发货' },
    { label: '收件人', value: '张三' },
  ],
});

边框与布局

bordered 会为每个单元格绘制边框并分色区分标签与内容。

API

OneDescriptions 属性
名称	签名	说明
`items`	`items: OneDescriptionsItem[]`	标签-值对：label、value 与可选 span。
`column`	`column?: number`	每行列数，1-4，默认 1。
`bordered`	`bordered?: boolean`	是否绘制单元格边框。
`title`	`title?: string`	列表标题。