202226701014/health-chamberlain/src/app/tab1/tab1.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <!-- 可以添加一些按钮内容 -->
    </ion-buttons>
    <ion-buttons slot="end">
      <ion-button (click)="navigateToInquiry()">智能诊断</ion-button>
      <ion-button (click)="navigateToHealthManagement()">健康管理</ion-button>
      <ion-button (click)="navigateToMedicineRecommendations()">药物推荐</ion-button>
      <ion-button (click)="navigateToAbout()">关于我们</ion-button>
      <ion-button (click)="navigateToUserProfile()">用户中心</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-searchbar placeholder="搜索疾病、症状、建议" show-clear-button="focus"></ion-searchbar>
</ion-content>

<ion-header>
  <ion-toolbar>
    <ion-title>智能健康管理</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content fullscreen>
  <ion-img src="assets/hero-bg.jpg"></ion-img>
  
  <div class="hero-content">
    <h1>智能健康管理，随时随地关爱您的健康</h1>
    <p>AI诊断、个性化健康管理、精准药物推荐，助您更好管理健康</p>
    <ion-button expand="full" (click)="navigateToDiagnosis()">立即体验</ion-button>
    <ion-button expand="full" (click)="navigateToAbout()">了解更多</ion-button>
  </div>
</ion-content>

<style>
  .hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
  }
</style>

<ion-content>
  <ion-grid>
    <ion-row>
      <!-- 智能诊断卡片 -->
      <ion-col size="12" size-md="4">
        <ion-card>
          <ion-card-header>
            <ion-card-title>智能诊断</ion-card-title>
          </ion-card-header>
          <ion-card-content>
            通过上传症状描述，AI系统为您提供初步健康诊断，帮助您理解潜在的健康问题。
            <ion-button expand="full" (click)="navigateToInquiry()">跳转到询盘页面</ion-button>
          </ion-card-content>
        </ion-card>
      </ion-col>

      <!-- 健康管理卡片 -->
      <ion-col size="12" size-md="4">
        <ion-card>
          <ion-card-header>
            <ion-card-title>健康管理</ion-card-title>
          </ion-card-header>
          <ion-card-content>
            通过AI帮助您管理日常健康数据，生成健康报告，帮助您实时监控身体状况。
            <ion-button expand="full" (click)="navigateToHealthManagement()">开始管理</ion-button>
          </ion-card-content>
        </ion-card>
      </ion-col>

      <!-- 药物推荐卡片 -->
      <ion-col size="12" size-md="4">
        <ion-card>
          <ion-card-header>
            <ion-card-title>药物推荐</ion-card-title>
          </ion-card-header>
          <ion-card-content>
            根据您的健康数据，AI为您推荐个性化的药物或治疗方案，帮助您获得更好的治疗效果。
            <ion-button expand="full" (click)="navigateToMedicineRecommendations()">查看推荐</ion-button>
          </ion-card-content>
        </ion-card>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

<ion-content>
  <ion-item>
    <ion-icon name="shield-checkmark-outline"></ion-icon>
    <ion-label>我们严格遵守医疗数据保护规定，您的健康信息将始终保密。</ion-label>
  </ion-item>

  <ion-item>
    <ion-icon name="lock-closed-outline"></ion-icon>
    <ion-label>平台符合GDPR和ISO医疗数据保护标准。</ion-label>
  </ion-item>
</ion-content>