Description 内容详情

使用场景

一组静态字段，用来描述特定实体的详情。

示例

基本示例

退款单号 2342345231515	这是一个比较长的标签 45654645	退款金额 ￥18.00
退款原因 无理由退货	交易金额 ￥28.00	退款说明 备注备注
收货地址 浙江省 杭州市 余杭区 文一西路 969 号一号楼邮局

inline

function Basic() { const items = [ { label: '退款单号', content: '2342345231515', }, { label: '这是一个比较长的标签', content: '45654645', }, { label: '退款金额', content: '￥18.00', }, { label: '退款原因', content: '无理由退货', color: 'error.normal', }, { label: '交易金额', content: '￥28.00', }, { label: '退款说明', content: '备注备注', }, { label: '收货地址', content: '浙江省 杭州市 余杭区 文一西路 969 号一号楼邮局', span: 3, }, ]; return <Description items={items} />; }

function Basic() {
  const items = [
    {
      label: '退款单号',
      content: '2342345231515',
    },
    {
      label: '这是一个比较长的标签',
      content: '45654645',
    },
    {
      label: '退款金额',
      content: '￥18.00',
    },
    {
      label: '退款原因',
      content: '无理由退货',
      color: 'error.normal',
    },
    {
      label: '交易金额',
      content: '￥28.00',
    },
    {
      label: '退款说明',
      content: '备注备注',
    },
    {
      label: '收货地址',
      content: '浙江省 杭州市 余杭区 文一西路 969 号一号楼邮局',
      span: 3,
    },
  ];

  return <Description items={items} />;
}

自定义渲染

退款单号 2342345231515	采退类型 45654645	退款金额 ￥18.00
退款原因 无理由退货	交易金额 ￥28.00	退款说明 备注备注
收货地址 浙江省 杭州市 余杭区 文一西路 969 号一号楼邮局
图片列表
退款详情 商品名称 商品价格 配送服务 10.00 盒马公仔 18.00