---
title: List 列表
description: 列表用一个连续的列来显示多行元素，常用于具有相同构成及内容的模块批量展示，可承载多样化的信息内容，从纯文字到复杂的图文组合。
isComponent: true
usage: false
spline: data，
author: 肖恒
---

### 基础文字列表

仅包含简单文字的列表。对较简单的信息进行陈列时使用。

{{ base }}

### 多行文字列表

仅包含主要文字及描述性文字的列表。对较复杂的，包含多个字段或内容的信息进行展示时使用。

{{ multiline }}

### 基础图文列表

包含简单图文的列表。需使用图片和文字结合展示信息。

{{ image-text }}

### 带操作列表

包含操作的列表。需要对所在列进行操作时使用。

{{ operation }}

### 不同尺寸的列表

提供大、中（默认）、小三种尺寸。

{{ size }}

### 斑马纹的列表

当列表内容较多时，可以使用斑马纹样式，便于用户获取信息。

{{ stripe }}

### 异步加载的列表

当数据需要通过二次请求加载展示时，可以通过`asyncLoading`来处理相关的逻辑。

{{ loading }}

### 带头部及尾部的列表

当列表需要展示头部或尾部信息时，可以通过`header`或`footer`来配置。

{{ header-footer }}

### 带滚动事件的列表

当列表较长时，可以配置滚动条及事件来进行滚动处理

{{ scroll }}
