ionic基础组件使用：ion-item

最新推荐文章于 2024-08-19 08:57:51 发布

听海边涛声

最新推荐文章于 2024-08-19 08:57:51 发布

阅读量204

点赞数 1

文章标签： ionic

本文链接：https://blog.csdn.net/panghuangang/article/details/141282280

版权

https://ionicframework.com/docs/api/item

在这里插入图片描述

有点击效果：
在这里插入图片描述

在这里插入图片描述

详情按钮：
在这里插入图片描述

在这里插入图片描述

带头像：
在这里插入图片描述

在这里插入图片描述

分组：
在这里插入图片描述

在这里插入图片描述

<ion-app>
  <ion-header>
    <ion-toolbar>
      <ion-title>ion-item</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-item-group>
      <ion-item-divider>
        <ion-label>A</ion-label>
      </ion-item-divider>

      <ion-item>
        <ion-label>阿凡提</ion-label>
      </ion-item>
      <ion-item>
        <ion-label>阿凡达</ion-label>
      </ion-item>
    </ion-item-group>

    <ion-item-group>
      <ion-item-divider>
        <ion-label>B</ion-label>
      </ion-item-divider>

      <ion-item>
        <ion-label>宝马</ion-label>
      </ion-item>
      <ion-item>
        <ion-label>宝骏</ion-label>
      </ion-item>
    </ion-item-group>
  </ion-content>
</ion-app>