Skip to content
This repository was archived by the owner on Nov 30, 2022. It is now read-only.

Commit 37b4e8b

Browse files
update image demo
1 parent 916300d commit 37b4e8b

1 file changed

Lines changed: 32 additions & 28 deletions

File tree

src/app/pages/image/image.page.html

Lines changed: 32 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -55,35 +55,39 @@
5555
</fiv-gallery-toolbar>
5656

5757
</fiv-gallery>
58+
<ion-grid fixed>
59+
<ion-row>
60+
<ion-col size="12">
5861

59-
<ion-item-group>
60-
<ion-item-divider>
61-
<ion-label>ngfor example</ion-label>
62-
</ion-item-divider>
63-
<fiv-gallery class="loop">
64-
<fiv-gallery-image *ngFor="let pic of picsum" [src]="pic"></fiv-gallery-image>
65-
</fiv-gallery>
66-
<ion-item-divider>
67-
<ion-label>ngfor example async</ion-label>
68-
</ion-item-divider>
69-
<fiv-gallery class="loop">
70-
<fiv-gallery-image *ngFor="let pic of picsumAsync | async" [src]="pic"></fiv-gallery-image>
71-
</fiv-gallery>
72-
73-
<ion-item-divider>
74-
<ion-label>ngfor example grid</ion-label>
75-
</ion-item-divider>
76-
<fiv-gallery>
77-
<ion-grid fixed>
78-
<ion-row>
79-
<ion-col *ngFor="let pic of picsum" size="6">
80-
<fiv-gallery-image [src]="pic"></fiv-gallery-image>
81-
</ion-col>
82-
</ion-row>
83-
</ion-grid>
84-
</fiv-gallery>
85-
86-
</ion-item-group>
62+
<ion-item-group>
63+
<ion-item-divider>
64+
<ion-label>*ngFor example</ion-label>
65+
</ion-item-divider>
66+
<fiv-gallery class="loop">
67+
<fiv-gallery-image *ngFor="let pic of picsum" [src]="pic"></fiv-gallery-image>
68+
</fiv-gallery>
69+
<ion-item-divider>
70+
<ion-label>*ngFor example async</ion-label>
71+
</ion-item-divider>
72+
<fiv-gallery class="loop">
73+
<fiv-gallery-image *ngFor="let pic of picsumAsync | async" [src]="pic"></fiv-gallery-image>
74+
</fiv-gallery>
8775

76+
<ion-item-divider>
77+
<ion-label>*ngFor example grid</ion-label>
78+
</ion-item-divider>
79+
<fiv-gallery>
80+
<ion-grid fixed>
81+
<ion-row>
82+
<ion-col *ngFor="let pic of picsum" size="6" sizeMd="4">
83+
<fiv-gallery-image [src]="pic"></fiv-gallery-image>
84+
</ion-col>
85+
</ion-row>
86+
</ion-grid>
87+
</fiv-gallery>
8888

89+
</ion-item-group>
90+
</ion-col>
91+
</ion-row>
92+
</ion-grid>
8993
</ion-content>

0 commit comments

Comments
 (0)