version-4

src/app/tab2/tab2.page.html

@@ -40,26 +40,22 @@
     </ion-card-content>
   </ion-card>
 
-  <!-- 推荐训练计划 -->
+  <!-- AI咨询 -->
   <ion-list-header>
-    <ion-label>推荐计划</ion-label>
-    <ion-button fill="clear" size="small">查看全部</ion-button>
+    <ion-label>AI咨询</ion-label>
   </ion-list-header>
 
-  <div class="plan-slides">
-    <ion-card class="plan-card" *ngFor="let plan of recommendedPlans">
-      <div class="plan-icon-container">
-        <ion-icon [name]="plan.icon" class="plan-icon"></ion-icon>
-      </div>
-      <ion-card-header>
-        <ion-badge color="warning" *ngIf="plan.isNew">NEW</ion-badge>
-        <ion-card-title>{{plan.name}}</ion-card-title>
-        <ion-card-subtitle>
-          <ion-icon name="time-outline"></ion-icon>
-          {{plan.duration}}分钟 · {{plan.difficulty}}
-        </ion-card-subtitle>
-      </ion-card-header>
-    </ion-card>
+  <div class="deepseek-input-container">
+    <div class="deepseek-input">
+      <ion-textarea 
+        rows="1"
+        placeholder="输入您的训练问题..."
+        class="deepseek-textarea"
+      ></ion-textarea>
+      <ion-button fill="clear" class="send-button">
+        <ion-icon name="send" color="primary"></ion-icon>
+      </ion-button>
+    </div>
   </div>
 
   <!-- 我的计划列表 -->

src/app/tab2/tab2.page.scss

@@ -177,4 +177,31 @@ ion-list {
     color: var(--ion-color-medium);
     margin-bottom: 20px;
   }
+}
+.deepseek-input-container {
+  padding: 0 16px 16px;
+}
+
+.deepseek-input {
+  display: flex;
+  align-items: center;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  padding: 8px 12px;
+  background: white;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.deepseek-textarea {
+  flex: 1;
+  --background: transparent;
+  font-size: 14px;
+  --padding-start: 0;
+  --padding-end: 0;
+}
+
+.send-button {
+  --padding-start: 8px;
+  --padding-end: 8px;
+  --color: #6b47d6;
 }

src/app/tab2/tab2.page.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { IonTextarea } from '@ionic/angular/standalone';
 import { 
   IonHeader, IonToolbar, IonTitle, IonButtons, IonButton, IonIcon,
   IonContent, IonCard, IonCardHeader, IonCardTitle, IonCardSubtitle,
@@ -18,6 +19,7 @@ import {
   styleUrls: ['tab2.page.scss'],
   standalone: true,
   imports: [
+    IonTextarea,
     IonHeader, IonToolbar, IonTitle, IonButtons, IonButton, IonIcon,
     IonContent, IonCard, IonCardHeader, IonCardTitle, IonCardSubtitle,
     IonCardContent, IonProgressBar, IonGrid, IonRow, IonCol, IonListHeader,