---
title: 详情展示组件
order: 1

---



```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { YwDetailInfo } from '@ywfe/yw-design';
const dataSource =  [
  [
    {
      label: '平台类型',
      value: '快手小店',
    },
    {
      label: '平台店铺',
      value: '李宣卓的小店',
    },
    {
      label: '平台单号',
      value: '4454353425436546546',
      span:8,
    },
    {
      label: '支付时间',
      value: '2022-06-09 23:55:55',
    },
  ],
  [
    {
      label: '平台类型',
      value: '快手小店',
    },
    {
      label: '平台店铺',
      value: '李宣卓的小店',
    },
    {
      label: '平台单号',
      value: '4454353425436546546',
      span:8,
    },
    {
      label: '买家备注',
      value: '矫情，不要给他发顺丰矫情，矫情，不要给他发顺丰矫情矫情，不要给他发顺丰矫情...',
      hasMore: true,
    },
  ],
];
const App = ()=>{
    return (
      <div>
        <YwDetailInfo title="基本信息" subtitle="副标题" dataSource={dataSource}/>
      </div>
    );
}

ReactDOM.render(<App />, mountNode);
```