Descriptions 描述列表

列表形式展示多个字段。

基础用法

不同尺寸

垂直列表

自定义样式

Descriptions Attributes

属性名说明类型可选值默认值
border是否带有边框booleanfalse
column一行 Descriptions Item 的数量number3
direction排列的方向stringvertical / horizontalhorizontal
size列表的尺寸stringlarge / default / smalldefault
title标题文本,显示在左上方string
extra操作区文本,显示在右上方string

Descriptions Slots

插槽名说明子标签
自定义默认内容Descriptions Item
title自定义标题,显示在左上方
extra自定义操作区,显示在右上方

Descriptions Item Attributes

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

Descriptions Item 插槽

插槽名说明
自定义默认内容
label自定义标签

源代码

组件文档

贡献者