mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
29 lines
623 B
HTML
29 lines
623 B
HTML
<ion-toolbar><ion-title>Virtual Scroll: Cards</ion-title></ion-toolbar>
|
|
|
|
<ion-content>
|
|
|
|
<div [virtualScroll]="items" approxItemHeight="320px">
|
|
|
|
<ion-card *virtualItem="let item">
|
|
|
|
<div>
|
|
<ion-img [src]="item.imgSrc" [height]="item.imgHeight" [alt]="item.name"></ion-img>
|
|
</div>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<ion-img [src]="item.avatarSrc" height="40" width="40"></ion-img>
|
|
</ion-avatar>
|
|
<h2>{{ item.name }}</h2>
|
|
</ion-item>
|
|
|
|
<ion-card-content>
|
|
{{ item.content }}
|
|
</ion-card-content>
|
|
|
|
</ion-card>
|
|
|
|
</div>
|
|
|
|
</ion-content>
|