app-Luck16th/src/modules/user/page-info/page-info.component.html

<ion-header>
    <ion-toolbar>
      <ion-title>编辑资料</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content color="light">
    <ion-card>
        <img alt="User Background" src="https://imgsource.huashi6.com/images/ai/2023/9/27/20_326650.jpg?e=1695819140&token=qFZErZx7WS1v5B4rgQE2KLMHlYHVNaCuXeaA9OLD:XUO7gAGwc99tTXYGsF0R5itDsTg=" />
      
        <ion-card-content>
            <ion-input [(ngModel)]="userInfo.nickname" label="用户昵称" labelPlacement="floating" [counter]="true" maxlength="20">
            </ion-input>
            <ion-input [(ngModel)]="userInfo.desc" label="个性签名" labelPlacement="floating" [counter]="true" maxlength="50">
            </ion-input>
        </ion-card-content>
      </ion-card>

      <ion-list [inset]="true">
        <ion-item>
            <ion-select [(ngModel)]="userInfo.gender" label="性别" placeholder="您的性别">
              <ion-select-option value="男">男</ion-select-option>
              <ion-select-option value="女">女</ion-select-option>
              <ion-select-option value="未知">未知</ion-select-option>
            </ion-select>
          </ion-item>
      </ion-list>

    <ion-list [inset]="true">
        <ion-button expand="block" (click)="saveInfo()">保存</ion-button>
        <ion-button expand="block" fill="clear" routerLink="/project/mine">返回</ion-button>
    </ion-list>
  </ion-content>