List 列表

用于展示同类信息集合，可承载标题、描述与扩展操作。

基础用法

带边框列表

迭代 v1.0 需求清单全部组件单测通过文档站已部署已发布

示例代码

无边框

默认分隔线

仅保留条目间分隔线不加整体边框

示例代码

内容形态

多种内容形态

NEW 未提供 description 插槽时，内容走默认插槽。 等待负责人确认待处理

示例代码

加载与空态

加载态

加载完成前显示骨架占位由 loading 属性统一接管占位

示例代码

空态

设置 empty 强制空态；列表没有任何 oas-list-item 子项时也会自动显示空态，可通过 empty-text 自定义文案。

示例代码

空态文案与分隔线

empty-text 自定义空态文案（默认「暂无数据」）。

自定义空态文案

示例代码

split 控制条目分隔线：默认（不设置 bordered）时自带分隔线；设置 bordered 后分隔线关闭，需要时用 split 重新开启。

分隔线 split

bordered 默认不绘制条目分隔线仅整体边框bordered + split 追加条目分隔线边框与分隔线并存

示例代码

图文混排

条目默认插槽可放缩略图，配合标题与描述形成富媒体列表。

图文列表（缩略图 + 标题 + 描述）

产品周报第 12 期

本周上线 6 个新组件

设计走查记录

交互态与暗色主题复核

发布 v1.6

展示组件全部发布

已发布

示例代码

API

oas-list

属性	说明	类型	默认值
bordered	是否显示整体边框	boolean	—
empty	强制空态；无子项时自动空态	boolean	—
empty-text	空态文案	—	—
loading	加载态，显示骨架占位	boolean	—
split	是否显示条目分隔线	boolean	—

名称	说明
默认	—

oas-list-item

属性	说明	类型	默认值
title	条目标题	string	—

名称	说明
description	描述区（不提供时回退默认插槽）
extra	条目右侧扩展区