【ionic】-卡片式数据列表

最新推荐文章于 2024-06-24 09:45:57 发布

@Arielle。

最新推荐文章于 2024-06-24 09:45:57 发布

阅读量762

点赞数

分类专栏： # Ionic

本文链接：https://blog.csdn.net/qiqibei666/article/details/90145834

版权

有原型有需求，接下来就是弄，搞出来想要的效果也是一件值得开心的事情；

首先我们来看一下原型中的样式；
在这里插入图片描述
思路：

card形式的列表 list
设计样式

实现过程：

<ion-list class="excellentgraduatelist" lines="none" *ngFor='let item of excellentGraduateList'>         
      <ion-item class="excellentgraduatedata">
        <ion-thumbnail solt="start">
          <ion-img src="assets/images/people1.png"></ion-img>
        </ion-thumbnail>
        <div class="info"&g