Skip to content

list 列表

列表组件用于显示一系列有序或无序的数据项,支持多种样式和交互模式。

基本用法

通过 items 属性传入数据数组快速创建列表。

带图标

通过 prepend-iconappend-icon 属性为列表项添加前置和后置图标。

行数控制

使用 lines 属性控制列表项的行数显示,支持单行、双行、三行模式。

可选择列表

使用 v-model:selected 实现列表项的选择功能。

导航列表

使用 nav 属性创建导航样式的列表,带有圆角和高亮效果。

API

SPList Props

暂无数据

SPList Events

暂无数据

SPList Slots

暂无数据

SPListItem Props

参数说明类型默认值
title标题string''
subtitle副标题string''
value列表项的值any-
prepend-icon前置图标string-
append-icon后置图标string-
disabled是否禁用booleanfalse
active是否激活状态booleanfalse

SPListItem Slots

插槽名说明作用域参数
default自定义内容-
prepend前置内容-
append后置内容-
title标题内容-
subtitle副标题内容-

Released under the MIT License.