myapp/src/app/tab1/close-friends/close-friends.component.html

<ion-header>
  <ion-toolbar>
    <ion-title>亲密关系</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item class="partner">
      <ion-label>伴侣</ion-label>
    </ion-item>
    <ion-item class="children">
      <ion-label>儿女</ion-label>
    </ion-item>
    <ion-item class="grandchildren">
      <ion-label>孙子</ion-label>

      </ion-item>
    <ion-item class="old-friends">
      <ion-label>老朋友</ion-label>
    </ion-item>
  </ion-list>
  <div class="circles">
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
  </div>
</ion-content>