Descriptions 描述

Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center

基础

Shipping address
NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressasds

边框

Shipping address
NameTDesignTelephone Number139****0609AreaChina Tencent Headquarters
AddressShenzhen Penguin Island D1 4A Mail Center

标签引号

Shipping address
NameTDesignTelephone Number139****0609AreaChina Tencent Headquarters
AddressShenzhen Penguin Island D1 4A Mail Center

布局方式

layout:
itemLayout:
Shipping address
NameTDesignTelephone Number139****0609AreaChina Tencent Headquarters
AddressShenzhen Penguin Island D1 4A Mail Center

自定义列数量

NameTDesignTelephone Number139****0609
AreaChina Tencent HeadquartersAddressShenzhen Penguin Island D1 4A Mail Center

Table Layout

用于设置底层 table 单元格、行和列的布局算法,与原生 table-layout css 属性完全一致。详情可参考 MDN

  • fixed: 使用固定表格布局算法。此模式下,每列的宽度按以下方式确定:

    • 使用显示设定的列宽度
    • 否则,使用第一行中显示设定的的单元格宽度作为对应列的宽度
    • 否则,均分剩余宽度
  • auto: 使用自动表格布局算法。表格及其单元格的宽度会根据内容进行调整。

DEMO (🚧建设中)...

自定义样式

Shipping address
NameTDesignTelephone Number139****0609AreaChina Tencent Headquarters
AddressShenzhen Penguin Island D1 4A Mail Center

嵌套使用

DEMO (🚧建设中)...

Descriptions Props

名称类型默认值描述必传
borderedBooleanfalse是否带边框N
colonBoolean-字段名右侧是否携带冒号“:”N
columnNumber2一行 DescriptionItem 的数量N
contentStyleObject-自定义描述项内容的样式。TS 类型:Styles通用类型定义N
itemLayoutStringhorizontal描述项的排列方向。可选项:horizontal/verticalN
itemsArray-描述项的列表。TS 类型:Array<TdDescriptionItemProps>N
labelStyleObject-自定义描述项标签的样式。TS 类型:Styles通用类型定义N
layoutStringhorizontal排列方向。可选项:horizontal/verticalN
sizeStringmedium组件尺寸。可选项:small/medium/large。TS 类型:SizeEnum通用类型定义N
titleString / Slot / Function-描述列表的标题。TS 类型:string | TNode通用类型定义N

DescriptionItem Props

名称类型默认值描述必传
contentString / Slot / Function-描述项内容。TS 类型:string | TNode通用类型定义N
defaultString / Slot / Function-描述项内容,同 content。TS 类型:string | TNode通用类型定义N
labelString / Slot / Function-描述项标签。TS 类型:string | TNode通用类型定义N
spanNumber1占用的宽度数量N
  • large
  • medium
  • small
  • horizontal
  • vertical
  • horizontal
  • vertical