<ion-slides class="app-slide-menu" pager="true">
    <ion-slide *ngFor="let item of $items;let i = index;">
        <ion-grid class="app-slide-menu-grid">
            <ion-row class="app-slide-menu-row">
                <ion-col *ngFor="let child of item.items;let i = index;" size="3" class="app-slide-menu-item" (click)="onClick(child)">
                    <div class="icon">
                        <app-icon [item]="child" [isDefault]="true"></app-icon>
                    </div>
                    <div class="title {{ child.textcls }}">
                        {{ child.text }}
                    </div>
                </ion-col>
                <ng-container *ngIf="$items.length === (i + 1) && isCustom">
                    <ion-col size="3" class="app-slide-menu-item" (tap)="editMenus()">
                        <div class="icon">
                            <ion-icon name="add" style="width: 100%;height: 100%;"></ion-icon>
                        </div>
                        <div class="title">
                            添加功能
                        </div>
                    </ion-col>
                </ng-container>
            </ion-row>
        </ion-grid>
    </ion-slide>
</ion-slides>