<ion-header>
  <ion-toolbar color="danger">
    <ion-title color="success" class="ion-text-center">
        我的
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card>
    <ion-card-content>
      <div class="float-container">
        <ion-label>用户头像：</ion-label>
        <ion-avatar style="position: relative;left: 80px;">
          <img src="https://img1.baidu.com/it/u=1810598562,594868061&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" class="move-right" alt="用户头像">
        </ion-avatar>
      </div>
      <ion-label>用户名： {{ userData.username }}</ion-label>
      <ion-label><br>性别：{{ userData.gender }}</ion-label>
      <ion-label><br>标签：简单生活，开心每一天</ion-label>
      <ion-label><br>生日：</ion-label>
      <ion-input [(ngModel)]="userData.birthday" type="date"></ion-input> <!-- 添加生日输入字段 -->
    </ion-card-content>
  </ion-card>

  <ion-item [routerLink]="['/histroy']">
    <ion-icon slot="start" name="sparkles-outline"></ion-icon>
    <ion-label>历史记录</ion-label>
  </ion-item>

  <ion-list>
    <ion-item [routerLink]="['/tipping']">
      <ion-icon slot="start" name="heart-outline"></ion-icon>
      <ion-label>喜欢这个产品</ion-label>
    </ion-item>

    <ion-item (click)="presentActionSheet()">
      <ion-icon slot="start" name="share-outline"></ion-icon>
      <ion-label>分享给朋友</ion-label>
    </ion-item>

    <ion-item>
      <ion-icon slot="start" name="accessibility-outline"></ion-icon>
      <ion-label>给个评分</ion-label>
      <div class="rating">
        <ion-icon *ngFor="let star of stars; let i = index" [name]="star" (click)="rate(i)" (mouseover)="hover(i)" (mouseleave)="resetHover()"></ion-icon>
      </div>
    </ion-item>

    <ion-item [routerLink]="['/feedback']">
      <ion-icon slot="start" name="chatbox-outline"></ion-icon>
      <ion-label>留下反馈</ion-label>
    </ion-item>

    <ion-item [routerLink]="['/mine']">
      <ion-icon slot="start" name="settings-outline"></ion-icon>
      <ion-label>登录</ion-label>
    </ion-item>
  </ion-list>
</ion-content>