# Description 描述组件

## 何时使用
这里需要一段文本来描述此组件何时使用


### 布局方式
描述文本以及选择的布局方式

@[demo](demo/layout.vue)

### 有边框的描述
带有边框的描述

@[demo](demo/bordered.vue)

### 列表大小

@[demo](demo/size.vue)

### 自适应

@[demo](demo/response.vue)

### Description Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 
| --- | --- | --- | --- | --- |
| title | 列表标题，显示在顶部 | string | - | - |
| layout | 列表布局，水平/垂直 | string | horizontal/vertical | - |
| size | 列表大小 | string | large/default/medium/small | horizontal |
| column | 一行 DescriptionItems 数量，对象的写法{ xl: 3, lg: 3, md: 3, sm: 2, xs: 2, xxs: 1 } | number/object | - | 3 |
| label-width | 列名宽度 | string/number | - | 80 |
| label-suffix | 列名后缀 | string | - | 水平“:” |
| bordered | 有无边框 | boolean | true/false | false |

### Description slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| title | 自定义标题内容 | - |


### Description Item Props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| span | 所占列的数量 | number | 1 |
| label | 列标题 | string | - | 

### Description Item slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| label | 自定义列标题内容 | - |
| default | 自定义列内容 | - |