ListView

列表系列组件， 需要和 item 系列组件配合使用， demo

配合的组件

用法

不同的 item 布局

<list>
  <!--单行列表项-->
  <item-cell>
    <item-media>
      <!--此处可以放置 icon 和 图片-->
    </item-media>
    <item-title>
      <!--标题-->
    </item-title>
    <item-title-after>
      <!--最右边的文字-->
    </item-title-after>
  </item-cell>

  <!--item之间的间隔-->
  <item-divider>
    <!--间隔内容-->
  </item-divider>

  <!--多行列表项-->
  <item>
    <item-media>
      <!--此处可以放置 icon 和 图片-->
    </item-media>
    <item-content>
      <item-title-row>
        <item-title>
          <!--title信息-->
        </item-title>
        <item-title-after>
          <!--title 右边的信息-->
        </item-title-after>
      </item-title-row>
      <item-sub-title>
        <!--子标题-->
      </item-sub-title>
      <item-text>
        <!--文本介绍信息-->
      </item-text>
    </item-content>
  <item>

  <!--示例代码-->
  <item-cell>
    <item-media>
      <icon value="info">
    </item-media>
    <item-title>
      后面有徽章的
    </item-title>
    <item-title-after>
      <badge value="23"></badge>
    </item-title-after>
  </item-cell>

  <item>
    <item-media>
      <img src="http://i1.17173cdn.com/9ih5jd/YWxqaGBf/forum/images/2013/10/16/174233sqpqp7zt7o71qu73.png"/>
    </item-media>
    <item-content>
      <item-title-row>
        <item-title>艾欧尼亚</item-title>
        <item-title-after>2014-12-23</item-title-after>
      </item-title-row>
      <item-sub-title>
        电信一区
      </item-sub-title>
      <item-text>
        《艾欧尼亚》是由Riot Games开发并由腾讯游戏代理的网络游戏《英雄联盟》中的势力名称，同时也是中国区服务器名称之一（别称：电信一区）；位于海岛上的城邦艾欧尼亚是寻求心灵进化的天堂。艾欧尼亚人天性和平。
      </item-text>
    </item-content>
  </item>
</list>

点击波纹效果

<item-cell ripple></item-cell>
<item ripple></item>

最右边显示箭头

<!--设置了link之后会带上波纹点击效果-->
<item-cell link></item-cell>
<item link></item>

API