<div class="app-app-menu">
    <ion-card  style="border-radius: 0;">
        <ng-container *ngIf=" title && title !=='否'">
            <ion-item lines="full">
                <ion-label>{{ title }}</ion-label>
            </ion-item>
        </ng-container>
        <ion-card-content>
            <ion-grid>
                <ion-row>
                    <ion-col *ngFor="let item of items;" [size]="12 / numCol" class="app-app-menu-item"
                        (click)="onClick(item)">
                        <div class="icon">
                            <ng-container *ngIf="!round; else roundIcon;">
                                <app-icon [item]="item" [isDefault]="true"></app-icon>
                            </ng-container>
                            <ng-template #roundIcon>
                                <img *ngIf="item&&item.icon" class="round-icon"
                                    [src]="item.icon?item.icon:null"
                                    onerror="this.src = './assets/icon/default_img.png'">
                            </ng-template>
                        </div>
                        <div class="title {{ item.textcls }}" [ngClass]="{'round-title': round}">
                            {{ item.text }}
                        </div>
                    </ion-col>
                </ion-row>
            </ion-grid>
        </ion-card-content>
    </ion-card>
</div>