myapp_lifevault/src/app/tab3/tab3.page.html

<!-- tab3.page.html -->
<ion-header>
  <ion-toolbar>
    <ion-title>首页</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="profile">
  <!-- 卡片一 -->
  <ion-card>
    <ion-card-content>
      <div class="profile-info">
        <div class="avatar">
          <!-- 圆形头像 -->
          <ion-avatar>
            <img src="/assets/img/man.jpg" alt="Avatar">
          </ion-avatar>
          <!-- 个人资料编辑按钮 -->
          <ion-button color="light" size="small" (click)="editProfile()">
            编辑
          </ion-button>
        </div>
        <div class="details">
          <!-- 用户名 -->
          <div>用户名：小王</div>
          <!-- 联系方式 -->
          <div>联系方式：13767976832</div>
          <!-- 用户ID -->
          <div>用户ID：0210079</div>
        </div>
      </div>
    </ion-card-content>
  </ion-card>

  <!-- 卡片二 -->
  <ion-card>
    <ion-card-content>
      <ion-button expand="block" color="primary" (click)="viewInheritance()">
        <ion-icon name="cash"></ion-icon>
        数字遗产信息
      </ion-button>
      <ion-button expand="block" color="primary" (click)="manageSecurity()">
        <ion-icon name="lock-closed"></ion-icon>
        安全与隐私设置
      </ion-button>
      <ion-button expand="block" color="primary" (click)="getHelp()">
        <ion-icon name="help"></ion-icon>
        帮助与支持
      </ion-button>
      <ion-button expand="block" color="primary" (click)="customizeSettings()">
        <ion-icon name="settings"></ion-icon>
        个性化设置
      </ion-button>
    </ion-card-content>
  </ion-card>
</ion-content>