列表

列表是文字和图片的连续垂直索引。

列表

用法

苹果 香蕉 一种黄色的热带水果 樱桃 时令 榴莲 
<md-list style="width: 280px">
  <md-list-item>苹果</md-list-item>
  <md-list-item>
    香蕉
    <span slot="supporting-text">一种黄色的热带水果</span>
  </md-list-item>
  <md-list-item>
    樱桃
    <span slot="trailing-supporting-text">时令</span>
  </md-list-item>
  <md-list-item>榴莲</md-list-item>
</md-list>

事件

名称 类型 描述
select ListSelectEvent 当列表项被选中时触发。
item-focus ListItemFocusEvent 当列表项获得焦点时触发。

列表项

插槽

名称 描述
(默认) 项目的主要标签文本。
start 放置在项目起始端的内容（如图标）。
end 放置在项目末尾端的内容。
overline 显示在主要标签上方的小字文本。
headline 主要标签文本的备用插槽。
supporting-text 显示在主要标签下方的辅助描述文本。
trailing-supporting-text 显示在末尾的简短文本或元数据。

属性

名称 类型 默认值 描述
selected Boolean false 列表项是否被选中。
disabled Boolean false 列表项是否被禁用。