Thumbnail

ion-thumbnail 是一个为ion-list创建方形图像的组件。ion-thumbnail 可以通过item-start 或者 item-end 指令放在列表的左边或右边。

注意： ion-thumbnail 只能用于 ion-list。

用法

图片在list的左边

  <ion-list>
    <ion-item>
      <!-- 图片在list的左边 -->
      <ion-thumbnail item-start>
        <img src="assets/img/1.png">
      </ion-thumbnail>
      <h2>Item start</h2>
    </ion-item>
  </ion-list>

图片在list的右边

  <ion-list>
    <ion-item>
      <!-- 图片在list的右边 -->
      <ion-thumbnail item-end>
        <img src="assets/img/1.png">
      </ion-thumbnail>
      <h2>Item end</h2>
    </ion-item>
  </ion-list>

效果图