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 自定义属性。
插槽
此组件没有可用的插槽。