跳至主要内容

List 列表

用于各个类别行的信息展示。


组件类型

纯文本、带有图标、带有头像、带有图片、带有视频的样式; 当列表为三行时,采用顶部对齐的方式。

纯文本

带图标

带头像

带图片

带视频

应用场景

纯文本、带有图标、带有头像、带有图片、带有视频的样式; 当列表为三行时,采用顶部对其的方式。

纯文本

带图标

带图片

带视频

组件样式

卡片列表

--

组件状态

禁用

--

文案规范

--

何时使用

以列表的形式干净高效的承载文字、列表、图片、段落等。

设计资源

类型资源状态
设计Design Kit (Figma)
StorybookStorybook

设计指南

--

API 参考

属性说明类型默认值
aria-label按钮的标签string-

设计变量

变量默认值用法
$transition_duration-button_primary-bgvar(--kpay-transition_duration-none)主要按钮-背景色-动画持续时间