web3-202226701039/项目/tab3.page.html

<!-- src/app/tab3/tab3.page.html -->
<ion-header>
  <ion-toolbar>
    <ion-title>BMI记录</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <!-- 身高输入 -->
  <ion-item>
    <ion-label position="floating">身高 (cm)</ion-label>
    <ion-input type="number" (ionInput)="onHeightInput($event)"></ion-input>
  </ion-item>

  <!-- 体重输入 -->
  <ion-item>
    <ion-label position="floating">体重 (kg)</ion-label>
    <ion-input type="number" (ionInput)="onWeightInput($event)"></ion-input>
  </ion-item>

  <!-- 计算BMI按钮 -->
  <ion-button expand="full" (click)="calculateBMI()">计算BMI</ion-button>

  <!-- 显示BMI结果 -->
  <ion-card *ngIf="bmi !== null">
    <ion-card-header>
      <ion-card-title>您的BMI</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <p>您的BMI为{{ bmi | number:'1.1-1' }}，属于‘{{ healthStatus }}’范围。</p>
    </ion-card-content>
  </ion-card>
</ion-content>