列表
常在iOS应用中看到的列表,是种多功能且强大的交互组件。列表将数据展现在一个可滚动的多行的列表中,可以将数据划分成不同的片段/组(sections/groups)。
列表有以下用途:
- 让用户可以浏览结构化的多级数据
- 展现一个索引列表
- 在可视化的不同分组中,显示详细信息和控件
- 展现一个可以选择的列表
视图列表
图标、标题和副标题
-
商品名称杜蕾斯
-
型号极致超薄型
标题和副标题
-
商品名称杜蕾斯
-
型号极致超薄型
带箭头
-
商品名称杜蕾斯
-
型号极致超薄型
其中:
item-content
-item-media
和item-inner
的主要弹性(flex)容器。必选元素。item-media
- 媒体元素(如图标,图片等)的容器。可选元素。item-inner
-item-title
和item-after
的主要弹性(flex)容器。必选元素。item-title
- 单行列表项目标题。必选元素。item-after
- 列表项目标签。可以包含任意额外的html元素(例如标签文本、徽章、switch/toggle、按钮等等)。可选元素。
在 .item-content
上加上 .item-link
会增加一个向右的箭头。