121321

healthyfood-app/angular.json

@@ -126,7 +126,10 @@
     }
   },
   "cli": {
-    "schematicCollections": ["@ionic/angular-toolkit"]
+    "schematicCollections": [
+      "@ionic/angular-toolkit"
+    ],
+    "analytics": "0a7c76e2-5799-46c4-8d71-c4ec80703dd1"
   },
   "schematics": {
     "@ionic/angular-toolkit:component": {

healthyfood-app/src/app/app.routes.ts

@@ -1,8 +1,9 @@
 import { Routes } from '@angular/router';
 
 export const routes: Routes = [
-  {
-    path: '',
-    loadChildren: () => import('./tabs/tabs.routes').then((m) => m.routes),
-  },
+ {
+path: '',
+ loadChildren: () => import('./tabs/tabs.routes').then((m) => m.routes),
+},
+ 
 ];

healthyfood-app/src/app/tab1/tab1.page.html

@@ -12,99 +12,67 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content fullscreen="true" class="ion-padding">
-
+<ion-content fullscreen="true">
+  
+  <!-- 饮食计划 -->
   <ion-card>
     <ion-card-header>
-      <ion-card-title>今日饮食安排</ion-card-title>
+      <ion-card-title>今日食谱推荐</ion-card-title>
     </ion-card-header>
     <ion-card-content>
-      <div>
+      <ion-list>
         <ion-item>
           <ion-icon slot="start" name="bread"></ion-icon>
-          <ion-label>早餐：全麦面包 + 牛奶 + 两个鸡蛋</ion-label>
+          <ion-label>早餐：全麦面包 + 牛奶 + 坚果</ion-label>
         </ion-item>
         <ion-item>
-          <ion-icon slot="start" name="drumsticks"></ion-icon>
-          <ion-label>午餐：鸡腿 + 小白菜</ion-label>
+          <ion-icon slot="start" name="pizza"></ion-icon>
+          <ion-label>午餐：去皮鸡腿 + 小白菜</ion-label>
         </ion-item>
         <ion-item>
-          <ion-icon slot="start" name="beef"></ion-icon>
-          <ion-label>晚餐：牛肉 + 水煮西兰花</ion-label>
+          <ion-icon slot="start" name="fish"></ion-icon>
+          <ion-label>晚餐：水煮鱼 + 虾 + 西蓝花</ion-label>
         </ion-item>
-      </div>
+      </ion-list>
     </ion-card-content>
   </ion-card>
 
+  <!-- 运动计划 -->
   <ion-card>
     <ion-card-header>
-      <ion-card-title>今日运动安排</ion-card-title>
+      <ion-card-title>今日运动计划</ion-card-title>
     </ion-card-header>
     <ion-card-content>
       <ion-list>
         <ion-item>
-          <ion-icon slot="start" name="run"></ion-icon>
-          <ion-label>早晨：晨跑 5公里</ion-label>
+          <ion-icon slot="start" name="walk"></ion-icon>
+          <ion-label>早晨：有氧慢跑 30 分钟</ion-label>
         </ion-item>
         <ion-item>
-          <ion-icon slot="start" name="bike"></ion-icon>
-          <ion-label>中午： 骑行25分钟</ion-label>
+          <ion-icon slot="start" name="bicycle"></ion-icon>
+          <ion-label>下午：力量训练 + 15分钟有氧</ion-label>
         </ion-item>
         <ion-item>
-          <ion-icon slot="start" name="jump"></ion-icon>
-          <ion-label>晚上： 跳绳3000个</ion-label>
+          <ion-icon slot="start" name="walk"></ion-icon>
+          <ion-label>晚上：腹部训练</ion-label>
         </ion-item>
       </ion-list>
     </ion-card-content>
   </ion-card>
 
+  <!-- 专家咨询 -->
   <ion-card>
     <ion-card-header>
-      <ion-card-title>健康数据</ion-card-title>
+      <ion-card-title>专家咨询</ion-card-title>
     </ion-card-header>
     <ion-card-content>
-      <ion-grid>
-        <ion-row>
-          <ion-col>
-            <ion-item lines="none">
-              <ion-icon slot="start" name="fitness"></ion-icon>
-              <ion-label>体重: <strong>79kg</strong></ion-label>
-            </ion-item>
-          </ion-col>
-          <ion-col>
-            <ion-item lines="none">
-              <ion-icon slot="start" name="fitness"></ion-icon>
-              <ion-label>身高: <strong>182cm</strong></ion-label>
-            </ion-item>
-          </ion-col>
-          <ion-col>
-            <ion-item lines="none">
-              <ion-icon slot="start" name="fitness"></ion-icon>
-              <ion-label>体脂率: <strong>22%</strong></ion-label>
-            </ion-item>
-          </ion-col>
-        </ion-row>
-        <ion-row>
-          <ion-col>
-            <ion-item lines="none">
-              <ion-icon slot="start" name="walk"></ion-icon>
-              <ion-label>步数: <strong>15000步</strong></ion-label>
-            </ion-item>
-          </ion-col>
-          <ion-col>
-            <ion-item lines="none">
-              <ion-icon slot="start" name="flame"></ion-icon>
-              <ion-label>卡路里: <strong>2500kcal</strong></ion-label>
-            </ion-item>
-          </ion-col>
-          <ion-col>
-            <ion-item lines="none">
-              <ion-icon slot="start" name="water"></ion-icon>
-              <ion-label>水分: <strong>15000ml</strong></ion-label>
-            </ion-item>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
+      <ion-item>
+        <ion-label position="floating">请输入你的问题</ion-label>
+        <ion-textarea rows="4" [(ngModel)]="consultationQuestion" placeholder="请输入你的问题"></ion-textarea>
+      </ion-item>
+      <ion-button expand="full" color="primary" (click)="submitConsultation()">
+        提交咨询
+      </ion-button>
     </ion-card-content>
   </ion-card>
 

healthyfood-app/src/app/tab1/tab1.page.ts

@@ -17,9 +17,11 @@ import {
   IonGrid,
   IonRow,
   IonCol,
-  IonFooter,
-  IonButtons
-} from '@ionic/angular/standalone';  // 引入所有需要的Ionic组件
+  IonButtons,
+  IonTextarea
+} from '@ionic/angular/standalone'; // 引入所有需要的Ionic组件
+
+import { FormsModule } from '@angular/forms'; // 导入 FormsModule
 
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
 
@@ -46,11 +48,25 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe
     IonGrid,
     IonRow,
     IonCol,
-    IonFooter,
     IonButtons,
+    IonTextarea,
+    FormsModule, // 添加 FormsModule
     ExploreContainerComponent
   ],
 })
 export class Tab1Page {
+  consultationQuestion: string = ''; // 用于存储用户输入的问题
+
   constructor() {}
-}
+
+  submitConsultation() {
+    if (this.consultationQuestion.trim() !== '') {
+      console.log('用户咨询问题:', this.consultationQuestion);
+      // 此处可以添加逻辑，例如将问题发送到服务器或处理其他业务逻辑
+      this.consultationQuestion = ''; // 清空输入框
+      alert('咨询问题已提交！'); // 提示用户
+    } else {
+      alert('请填写你的问题。'); // 提示用户输入问题
+    }
+  }
+}