Skip to content

Descriptions 描述列表

使用

列表形式展示多个字段。

基础用法

不同尺寸

垂直列表

API

Descriptions Props

参数名描述类型默认值
border是否带有边框booleanfalse
column一行 Descriptions Item 的数量number3
direction排列的方向enumhorizontal
size列表的尺寸enum-
title标题文本,显示在左上方string-
extra操作区文本,显示在右上方string-

Descriptions Slots

插槽名描述参数
default自定义默认内容-
title自定义标题,显示在左上方-
extra自定义操作区,显示在右上方-

DescriptionsItem Props

参数名描述类型默认值
label标签文本string-
span列的数量number1
width列的宽度,不同行相同列的宽度按最大值设定(如无 border ,宽度包含标签与内容)string / number-
min-width列的最小宽度,与 width 的区别是 width 是固定的,min-width 会把剩余宽度按比例分配给设置了 min-width 的列(如无 border,宽度包含标签与内容)string / number-
align列的内容对齐方式(如无 border,对标签和内容均生效)enumleft
label-align列的标签对齐方式,若不设置该项,则使用内容的对齐方式(如无 border,请使用 align 参数)enum-
class-name列的内容自定义类名string-
label-class-namecolumn label custom class namestring-

DescriptionsItem Slots

插槽名描述参数
default自定义默认内容-
label自定义标签-