<div class="customer_wrapper">
  <h4 *ngIf="customerList && customerList.length<=0" style="font-size:22px;color:#888;padding-top:10%;text-align:center">暂无客户关系</h4>
  <ng-container *ngIf="customerList && customerList.length>0">
    <ul class="customer_content" *ngFor="let customerItem of customerList;index as i;">
      <img src="assets/images/man.png" alt="男" *ngIf="customerItem.gender=='男'">
      <img src="assets/images/women.png" alt="女" *ngIf="customerItem.gender=='女'">
      <li>
        <span>姓名：{{customerItem.name}}</span>
      </li>
      <li >
        <span>被保人关系：{{customerItem.relationType}}</span>
      </li>
      <li>
        <span>生日：{{customerItem.birthDate}}</span>
      </li>
      <li>
        <span>手机号：{{customerItem.mobileNo}}</span>
      </li>
    </ul>
  </ng-container>
  <ul class="customer_content" *ngFor="let customerItem of customerList;index as i;">
    <img src="assets/images/man.png" alt="男" *ngIf="customerItem.gender=='男'">
    <img src="assets/images/women.png" alt="女" *ngIf="customerItem.gender=='女'">
    <li>
      <span>姓名：{{customerItem.name}}</span>
    </li>
    <li >
      <span>被保人关系：{{customerItem.relationType}}</span>
    </li>
    <li>
      <span>生日：{{customerItem.birthDate}}</span>
    </li>
    <li>
      <span>手机号：{{customerItem.mobileNo}}</span>
    </li>
  </ul>
</div>
