跳至主要内容
版本: v8

ion-list

列表由多行 项目 组成,项目可以包含文本、按钮、切换、图标、缩略图等等。列表通常包含数据内容相似的项目,例如图像和文本。

列表支持多种交互,包括滑动项目以显示选项、拖动以 重新排序 列表中的项目以及删除项目。

基本用法

内嵌列表

在列表中添加 inset 属性将在列表周围应用边距。在 ios 模式下,它还会在列表中添加圆角。

列表线

在列表中添加 lines 属性将调整列表中所有项目的底部边框。将其设置为 "full" 将显示全宽度边框,"inset" 将显示与左侧填充调整的边框,"none" 将不显示边框。如果在列表中的项目上设置了 lines 属性,则该属性将优先于列表上的属性。

属性

inset

描述如果为 true,则列表将在其周围有边距和圆角。
属性inset
类型boolean
默认false

lines

描述所有项目的底部边框的显示方式。
属性lines
类型"full" | "inset" | "none" | undefined
默认undefined

mode

描述模式决定使用哪个平台样式。
属性mode
类型"ios" | "md"
默认undefined

事件

此组件没有可用事件。

方法

closeSlidingItems

描述如果列表中使用了 ion-item-sliding,则此方法将关闭任何打开的滑动项目。

如果实际关闭了 ion-item-sliding,则返回 true
签名closeSlidingItems() => Promise<boolean>

CSS 阴影部分

此组件没有可用的 CSS 阴影部分。

CSS 自定义属性

此组件没有可用的 CSS 自定义属性。

插槽

此组件没有可用的插槽。