Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
ant-design-pro
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Thiago Borges
ant-design-pro
Commits
a830f6b8
Commit
a830f6b8
authored
Oct 12, 2017
by
ddcat1115
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update docs
parent
36bad2b6
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
22 additions
and
2 deletions
+22
-2
index.md
src/components/DescriptionList/index.md
+9
-1
standard.md
src/components/PageHeader/demo/standard.md
+13
-1
No files found.
src/components/DescriptionList/index.md
View file @
a830f6b8
...
...
@@ -15,10 +15,18 @@ cols: 1
| 参数 | 说明 | 类型 | 默认值 |
|----------|------------------------------------------|-------------|-------|
| layout | 布局方式 | Enum{'horizontal', 'vertical'} | 'horizontal' |
| col | 指定信息
分几列展示
| number(0 < col <= 4) | 3 |
| col | 指定信息
最多分几列展示,最终一行几列由 col 配置结合
[
响应式规则
](
/components/DescriptionList#响应式规则
)
决定
| number(0 < col <= 4) | 3 |
| title | 列表标题 | ReactNode | - |
| gutter | 列表项间距,单位为
`px`
| number | 32 |
#### 响应式规则
| 窗口宽度 | 展示列数 |
|---------------------|---------------------------------------------|
|
`≥768px`
|
`col`
|
|
`≥576px`
|
`col < 2 ? col : 2`
|
|
`<576px`
|
`1`
|
### DescriptionList.Description
| 参数 | 说明 | 类型 | 默认值 |
...
...
src/components/PageHeader/demo/standard.md
View file @
a830f6b8
...
...
@@ -7,8 +7,20 @@ title: Standard
```
`jsx
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';
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 = (
<Menu>
<Menu.Item key="1">选项一</Menu.Item>
...
...
@@ -71,7 +83,7 @@ ReactDOM.render(
title="单号:234231029431"
logo={<img alt="" src="https://gw.alipayobjects.com/zos/rmsportal/JcBAEvlHGhVvBekIJCWT.svg" />}
action={action}
content=
"DescriptionList 占位"
content=
{description}
extraContent={extra}
breadcrumbList={breadcrumbList}
tabList={tabList}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment