Browse Source

translation of DescriptionList

pull/1273/head
ddcat1115 9 years ago
parent
commit
7f704c4fbd
  1. 10
      src/components/DescriptionList/demo/basic.md
  2. 10
      src/components/DescriptionList/demo/vertical.md
  3. 33
      src/components/DescriptionList/index.en-US.md
  4. 6
      src/components/DescriptionList/index.zh-CN.md

10
src/components/DescriptionList/demo/basic.md

@ -1,10 +1,18 @@
---
order: 0
title: Basic
title:
zh-CN: 基本
en-US: Basic
---
## zh-CN
基本描述列表。
## en-US
Basic DescriptionList.
````jsx
import DescriptionList from 'ant-design-pro/lib/DescriptionList';

10
src/components/DescriptionList/demo/vertical.md

@ -1,10 +1,18 @@
---
order: 1
title: Vertical
title:
zh-CN: 垂直型
en-US: Vertical
---
## zh-CN
垂直布局。
## en-US
Vertical layout.
````jsx
import DescriptionList from 'ant-design-pro/lib/DescriptionList';

33
src/components/DescriptionList/index.en-US.md

@ -0,0 +1,33 @@
---
title: DescriptionList
cols: 1
order: 4
---
Groups display multiple read-only fields, which are common to informational displays on detail pages.
## API
### DescriptionList
| Property | Description | Type | Default |
|----------|------------------------------------------|-------------|---------|
| layout | type of layout | Enum{'horizontal', 'vertical'} | 'horizontal' |
| col | specify the maximum number of columns to display, the final columns number is determined by col setting combined with [Responsive Rules](/components/DescriptionList#Responsive-Rules) | number(0 < col <= 4) | 3 |
| title | title | ReactNode | - |
| gutter | specify the distance between two items, unit is `px` | number | 32 |
| size | size of list | Enum{'large', 'small'} | - |
#### Responsive Rules
| Window Width | Columns Number |
|---------------------|---------------------------------------------|
| `≥768px` | `col` |
| `≥576px` | `col < 2 ? col : 2` |
| `<576px` | `1` |
### DescriptionList.Description
| Property | Description | Type | Default |
|----------|------------------------------------------|-------------|-------|
| term | item title | ReactNode | - |

6
src/components/DescriptionList/index.md → src/components/DescriptionList/index.zh-CN.md

@ -1,7 +1,5 @@
---
title:
en-US: DescriptionList
zh-CN: DescriptionList
title: DescriptionList
subtitle: 描述列表
cols: 1
order: 4
@ -19,7 +17,7 @@ order: 4
| col | 指定信息最多分几列展示,最终一行几列由 col 配置结合[响应式规则](/components/DescriptionList#响应式规则)决定 | number(0 < col <= 4) | 3 |
| title | 列表标题 | ReactNode | - |
| gutter | 列表项间距,单位为 `px` | number | 32 |
| size | 列表型号,可以设置为 `large` `small` | Enum{'large', 'small'} | - |
| size | 列表型号 | Enum{'large', 'small'} | - |
#### 响应式规则
Loading…
Cancel
Save