qa-etodo/src/app/tab4/tab4.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-avatar>
        <img src="https://i.pravatar.cc/150?img=12" />
      </ion-avatar>
      <ion-title>用户昵称</ion-title>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-list>
    <ion-item>
      <ion-label>本周完成</ion-label>
      <ion-badge slot="end" color="primary">12 任务</ion-badge>
    </ion-item>
    
    <ion-item>
      <ion-label>连续打卡</ion-label>
      <ion-badge slot="end" color="primary">7 天</ion-badge>
    </ion-item>
    
    <ion-item>
      <ion-icon slot="start" name="moon"></ion-icon>
      <ion-label>暗色模式</ion-label>
      <ion-toggle slot="end"></ion-toggle>
    </ion-item>
  </ion-list>
</ion-content>