<ion-content [fullscreen]="true">
  <!-- ... 其他内容 ... -->

  <ion-card class="big-box">
    <ion-card *ngFor="let Face of FaceList" class="small-box">
      <ion-grid>
        <ion-row>
          <ion-col size="6" class="image-col">
            <ion-img *ngIf="Face.image" [src]="Face.image"></ion-img>
          </ion-col>
          <ion-col size="6">
            <ion-card-content class="analysis-title">
              <strong>面部特征分析</strong>
            </ion-card-content>
            <ion-card-content *ngIf="Face.features">
              <div>三庭比例：</div>
              <div>前庭：{{Face.QianTing}}</div>
              <div>中庭：{{Face.ZhongTing}}</div>
              <div>下庭：{{Face.XiaTing}}</div>
              <br>
              <div>五眼比例：{{Face.WuYan}}</div>
              <div>下巴：{{Face.XiaBa}}</div>
              <div>唇形：{{Face.ChunXing}}</div>
              <div>眉形：{{Face.MeiXing}}</div>
              <div>眼睛形状：{{Face.YanXing}}</div>
              <div>脸型：{{Face.LianXing}}</div>
              <div>脸颊：{{Face.LianJia}}</div>
              <div>额头：{{Face.ETou}}</div>
              <div>颧骨：{{Face.QuanGu}}</div>
              <div>鼻形：{{Face.BiXing}}</div>
            </ion-card-content>
          </ion-col>
        </ion-row>
        <ion-row>
          <ion-col size="12" class="face-col">
            <ion-card-content *ngIf="Face.face !== 'NULL'" class="face-content">{{Face.face}}</ion-card-content>
            <ion-card-content *ngIf="Face.face === 'NULL'" class="face-content">NULL</ion-card-content>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card>
  </ion-card>
</ion-content>
