search.html

<ion-header>
  <!--<ion-toolbar>-->
    <!--<div class="searchToolBar">-->
      <!--<button ion-button clear small navPop style="padding: 0;">-->
        <!--<img class="back-btn" src="./assets/imgs/back.png" />-->
      <!--</button>-->
      <!--<div class="search-header">-->
        <!--<ion-input type="text" placeholder="按姓名搜索" [(ngModel)]="searchValue" (ionChange)="searchUser()"></ion-input>-->
        <!--<ion-icon name="close" class="clear" (click)="clearValue()"></ion-icon>-->
      <!--</div>-->
    <!--</div>-->
  <!--</ion-toolbar>-->
  <ion-navbar>
    <ion-navbar>
      <div class="search-header">
        <ion-input type="text" placeholder="按姓名搜索" [(ngModel)]="searchValue" (ionChange)="searchUser()"></ion-input>
        <ion-icon name="close" class="clear" (click)="clearValue()"></ion-icon>
      </div>
    </ion-navbar>
  </ion-navbar>
</ion-header>
<ion-content>
  <div class="common">
    联系人
  </div>
  <ion-list>
    <ion-item *ngFor="let contactPerson of contactPersons" (click)="contactPersonInfo(contactPerson)">
      <div class="contact-box">
        <img src="./assets/imgs/man.png" class="contact-img" *ngIf="contactPerson.gender =='1'||contactPerson.gender==null">
        <img src="./assets/imgs/woman.png" class="contact-img" *ngIf="contactPerson.gender =='0'">

        <div class="contact-box-right">
          <div>
            <span class="contact-name">{{contactPerson.name}}</span>
            <ion-icon name="male" class="contact-sex male" *ngIf="contactPerson.gender =='1'||contactPerson.gender==null"></ion-icon>
            <ion-icon name="female" class="contact-sex female" *ngIf="contactPerson.gender =='0'"></ion-icon>
          </div>
          <div class="contact-organization">{{contactPerson.orgName}}</div>
          <div>
            <span class="contact-telphone">座机：{{contactPerson.telephone}}</span>
            <span class="contact-handphone">手机：{{contactPerson.mobile}}</span>
          </div>
        </div>
      </div>
    </ion-item>
  </ion-list>
</ion-content>