<div class="card">
  <div class="head">{{title?title:null}}</div>
  <div class="content">
    <div class="bigimg">
      <div>
        <img *ngIf="_messages&&_messages[0]&&_messages[0].icon" src="{{(_messages&&_messages[0])?_messages[0].icon:null}}"
          alt="" (click)="handleClick(_messages[0])" onerror="this.src='./assets/icon/default_img.png'">
      </div>
      <div>
        <img *ngIf="_messages&&_messages[1]&&_messages[1].icon" src="{{(_messages&&_messages[0])?_messages[1].icon:null}}"
          alt="" (click)="handleClick(_messages[1])" onerror="this.src='./assets/icon/default_img.png'">
      </div>
    </div>
    <div class="ximg">
      <ng-container *ngFor="let item of _messages;index as i">
        <ng-container *ngIf="i>1&&i<=5">
          <div class="xcontent" class="item" (click)="handleClick(item)">
            <div class="xiaoimg">
              <img *ngIf="item.icon" src="{{item.icon?item.icon:null}}" alt=""
                onerror="this.src='./assets/icon/default_img.png'">
            </div>
            <div class="title" style="text-align: center;">{{item.text}}</div>
            <div class="subtitle" style="text-align: center;">{{item.subtitle}}</div>
          </div>
        </ng-container>
      </ng-container>
    </div>
  </div>
</div>