tab2.page.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <ion-header>
  2. <ion-toolbar>
  3. <!-- 左侧 Logo -->
  4. <ion-title>
  5. <ion-icon name="logo-ionic" slot="start"></ion-icon>
  6. <span>品牌名称</span>
  7. </ion-title>
  8. <!-- 右侧 用户头像 -->
  9. <ion-buttons slot="end">
  10. <ion-avatar>
  11. <img src="path_to_avatar.jpg" />
  12. </ion-avatar>
  13. </ion-buttons>
  14. </ion-toolbar>
  15. </ion-header>
  16. <ion-content>
  17. <!-- 主功能区 -->
  18. <div class="welcome-section">
  19. <h2>欢迎回来,Gorilla!</h2>
  20. </div>
  21. <!-- AI问诊入口 -->
  22. <ion-card>
  23. <ion-card-header>
  24. <ion-card-title>AI问诊</ion-card-title>
  25. </ion-card-header>
  26. <ion-card-content>
  27. <ion-button expand="full" routerLink="/ai-consultation">
  28. 开始AI问诊
  29. </ion-button>
  30. <p>根据您的症状,AI将为您提供健康管理建议。</p>
  31. </ion-card-content>
  32. </ion-card>
  33. <!-- 病例识别入口 -->
  34. <ion-card>
  35. <ion-card-header>
  36. <ion-card-title>病例识别</ion-card-title>
  37. </ion-card-header>
  38. <ion-card-content>
  39. <ion-button expand="full" routerLink="/case-recognition">
  40. 上传病例图像
  41. </ion-button>
  42. <p>上传您的胸部CT图片,AI帮助您分析潜在病症。</p>
  43. </ion-card-content>
  44. </ion-card>
  45. <!-- BMI记录入口 -->
  46. <ion-card>
  47. <ion-card-header>
  48. <ion-card-title>BMI记录</ion-card-title>
  49. </ion-card-header>
  50. <ion-card-content>
  51. <ion-button expand="full" routerLink="/bmi-record">
  52. 记录BMI数据
  53. </ion-button>
  54. <p>输入您的体重和身高,查看健康曲线。</p>
  55. </ion-card-content>
  56. </ion-card>
  57. </ion-content>
  58. <!-- 底部导航栏 -->
  59. <ion-footer>
  60. <ion-toolbar>
  61. <ion-buttons>
  62. <ion-button routerLink="/home">
  63. <ion-icon name="home" slot="icon-only"></ion-icon>
  64. </ion-button>
  65. <ion-button routerLink="/records">
  66. <ion-icon name="document-text" slot="icon-only"></ion-icon>
  67. </ion-button>
  68. <ion-button routerLink="/settings">
  69. <ion-icon name="settings" slot="icon-only"></ion-icon>
  70. </ion-button>
  71. <ion-button routerLink="/health-data">
  72. <ion-icon name="bar-chart" slot="icon-only"></ion-icon>
  73. </ion-button>
  74. </ion-buttons>
  75. </ion-toolbar>
  76. </ion-footer>