介绍：

   列表是一个应用广泛的界面元素，在所有移动app中几乎都会使用到，列表可以是基本文字、按钮，开关，图标和缩略图等，列表项可以是任何的HTML元素。容器元素需要list类，每个列表项需要使用item类，IonList和IonItem可以很容易的支持各种交互方式，比如，滑动编辑，拖动排序，以及删除项。

普通列表：

<ion-list>

  <ion-item> //列表项
   <ion-label>Peperoni</ion-label> //列表内容
  </ion-item>

 <ion-item> //列表项
  <ion-label>Hawaii</ion-label> //列表内容
 </ion-item>

</ion-list>

分组列表

<ion-list>

    <ion-item-divider>

        <ion-label> //分类标题
            Section A
        </ion-label>

    </ion-item-divider>

        <ion-item><ion-label>A1</ion-label></ion-item> //分类内容
        <ion-item><ion-label>A2</ion-label></ion-item>
        <ion-item><ion-label>A3</ion-label></ion-item>

    <ion-item-divider>

        <ion-label> //分类标题
            Section B
        </ion-label>

    </ion-item-divider>

        <ion-item><ion-label>B1</ion-label></ion-item> //分类内容
        <ion-item><ion-label>B2</ion-label></ion-item>
        <ion-item><ion-label>B3</ion-label></ion-item>

</ion-list>

带图标的列表

<ion-list>
    <ion-item>
        <ion-icon slot="start" name="people"></ion-icon>  //start表示在列表项左边有图标
            <ion-label>个人中心</ion-label>
        <ion-icon slot="end" name="arrow-forward"></ion-icon>
    </ion-item>
    <ion-item>
       <ion-icon slot="start" name="wallet" color="success"></ion-icon> //name表示使用的图标
            <ion-label>钱包</ion-label>
        <ion-icon slot="end" name="arrow-forward"></ion-icon>
    </ion-item>
</ion-list>