mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
9b2ae8ad84
- fixes reorder icon animation on iOS - fixes crash when clicking the reorder icon very quickly fixes #8362
37 lines
1.0 KiB
HTML
37 lines
1.0 KiB
HTML
<ion-header>
|
|
<ion-toolbar color="primary">
|
|
<ion-title>Item Reorder</ion-title>
|
|
<ion-buttons end>
|
|
<button ion-button (click)="toggle()">
|
|
Edit
|
|
</button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
|
|
<ion-list [reorder]="isReordering" (ionItemReorder)="reorder($event)">
|
|
<button ion-item *ngFor="let item of items" (click)="clickedButton(item)"
|
|
[style.background]="'rgb('+(255-item*4)+','+(255-item*4)+','+(255-item*4)+')'"
|
|
[style.min-height]="item*2+35+'px'">
|
|
{{item}}
|
|
</button>
|
|
</ion-list>
|
|
|
|
<ion-list [reorder]="isReordering" (ionItemReorder)="reorder($event)">
|
|
<ion-item-sliding *ngFor="let item of items">
|
|
<button ion-item (click)="clickedButton(item)">
|
|
<h2>Sliding item {{item}}</h2>
|
|
</button>
|
|
<ion-item-options side="right" icon-left>
|
|
<button ion-button color='danger'>
|
|
<ion-icon name="trash"></ion-icon>
|
|
Remove
|
|
</button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
</ion-list>
|
|
|
|
</ion-content>
|