Skip to content

List 列表

最基础的列表展示,可承载文字、列表、图片、段落,常用于后台数据展示页面。

基础用法

设置属性 size 可以显示三种不同尺寸的列表。

可以设置 headerfooter 来自定义列表头部或尾部。

默认尺寸:


小尺寸:


大尺寸:

带有其它操作的简单列表

带有图标、标题、描述的简单列表。

也可以带有列表操作组。

竖排列表样式

设置属性 verticaltrue 可实现竖排列表样式。

List Props

参数说明类型可选值默认值
vertical是否竖排Boolean-false
header列表头部String--
footer列表底部String--
border是否有边框Boolean-false
split是否有分割线Boolean-true
size列表大小Stringsmall/medium/largemedium

List Slots

名称说明
header自定义列表头部
default用来放置 list-item 元素
footer自定义列表底部

ListItem Props

参数说明类型可选值默认值
avatar头像连接String-false
header标题内容String--
description表述内容String--

ListItem Slots

名称说明
default自定义内容部分
header自定义列表头部
description自定义描述区域
extra自定义额外的内容,仅当List的 vertical 为 true是可用
action自定义操作区域