app-onebwiththrees-image.component.html

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