myapp_lifevault/src/app/new-page/new-page.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>编辑个人信息</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="edit-profile">
  <div class="avatar-container">
    <ion-avatar class="avatar">
      <img src="/assets/img/man.jpg" alt="Avatar">
    </ion-avatar>
  </div>

  <ion-item>
    <ion-label position="stacked">用户名</ion-label>
    <ion-input type="text" placeholder="请输入用户名"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label position="stacked">邮箱</ion-label>
    <ion-input type="email" placeholder="请输入邮箱"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label position="stacked">电话</ion-label>
    <ion-input type="tel" placeholder="请输入电话号码"></ion-input>
  </ion-item>

  <ion-button expand="block"  class="save-button">保存</ion-button>
</ion-content>