|
@@ -7,8 +7,20 @@ title: Standard
|
|
|
|
|
|
|
|
````jsx
|
|
````jsx
|
|
|
import PageHeader from 'ant-design-pro/lib/PageHeader';
|
|
import PageHeader from 'ant-design-pro/lib/PageHeader';
|
|
|
|
|
+import DescriptionList from 'ant-design-pro/lib/DescriptionList';
|
|
|
import { Button, Menu, Dropdown, Icon, Row, Col } from 'antd';
|
|
import { Button, Menu, Dropdown, Icon, Row, Col } from 'antd';
|
|
|
|
|
|
|
|
|
|
+const { Description } = DescriptionList;
|
|
|
|
|
+
|
|
|
|
|
+const description = (
|
|
|
|
|
+ <DescriptionList col="2">
|
|
|
|
|
+ <Description term="创建人">曲丽丽</Description>
|
|
|
|
|
+ <Description term="订购产品">XX 服务</Description>
|
|
|
|
|
+ <Description term="创建时间">2017-07-07</Description>
|
|
|
|
|
+ <Description term="关联单据"><a href="">12421</a></Description>
|
|
|
|
|
+ </DescriptionList>
|
|
|
|
|
+);
|
|
|
|
|
+
|
|
|
const menu = (
|
|
const menu = (
|
|
|
<Menu>
|
|
<Menu>
|
|
|
<Menu.Item key="1">选项一</Menu.Item>
|
|
<Menu.Item key="1">选项一</Menu.Item>
|
|
@@ -71,7 +83,7 @@ ReactDOM.render(
|
|
|
title="单号:234231029431"
|
|
title="单号:234231029431"
|
|
|
logo={<img alt="" src="https://gw.alipayobjects.com/zos/rmsportal/JcBAEvlHGhVvBekIJCWT.svg" />}
|
|
logo={<img alt="" src="https://gw.alipayobjects.com/zos/rmsportal/JcBAEvlHGhVvBekIJCWT.svg" />}
|
|
|
action={action}
|
|
action={action}
|
|
|
- content="DescriptionList 占位"
|
|
|
|
|
|
|
+ content={description}
|
|
|
extraContent={extra}
|
|
extraContent={extra}
|
|
|
breadcrumbList={breadcrumbList}
|
|
breadcrumbList={breadcrumbList}
|
|
|
tabList={tabList}
|
|
tabList={tabList}
|