描述列表 Descriptions

标签文本对齐

标签文本可以设置左对齐右对齐，也可以设置垂直的排列方式。

基本用法

简单地成组展示多个只读字段，一般用于详情页的信息。

带边框样式

带边框和背景颜色的列表。

布局示例

span 所占列数大于 column 可放置的数据个数时，span 会被设置为 column 的值，当行剩余列数不够放置下一列时将自动换行，每行末尾列会自动填充剩余量。

布局模式

有水平排列、垂直排列、行内水平排列、行内垂直排列四种布局模式。

单列样式

单列的描述列表样式。

API

<descriptions> Props

参数名	描述	类型	默认值	版本
data	描述列表的数据	DescData[]	[]
column	每行放置的数据个数。2.20.0 版本支持响应式配置，配置可参考 Grid	number | ResponsiveValue	3
title	描述列表的标题	string	-
layout	描述列表的排列方式	'horizontal' | 'vertical' | 'inline-horizontal' | 'inline-vertical'	'horizontal'
align	文字的对齐位置	TextAlign | { label?: TextAlign; value?: TextAlign }	'left'
size	描述列表的大小	'mini' | 'small' | 'medium' | 'large'	-
bordered	是否显示边框	boolean	false
label-style	数据标签的样式	CSSProperties	-
value-style	数据内容的样式	CSSProperties	-
table-layout	描述中表格样式的 layout-fixed，当设置成 fixed 时，宽度会均分。	'auto' | 'fixed'	'auto'	2.38.0

<descriptions> Slots

插槽名	描述	参数
value	数据内容	value: string index: number data: DescData
label	数据标签	label: string index: number data: DescData
title	标题	-

<descriptions-item> Props

参数名	描述	类型	默认值	版本
span	所占列数	number	1	2.18.0
label	标签	string	-	2.18.0

<descriptions-item> Slots

插槽名	描述	参数	版本
label	标签	-	2.18.0

DescData

参数名	描述	类型	默认值
label	标签	string | RenderFunction	-
value	数据	string | RenderFunction	-
span	所占列数	number	1