增加了一些页面组件

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

@@ -1,25 +1,28 @@
 <ion-header [translucent]="true">
-  <ion-toolbar>
-    <ion-title>
-      智养人生
-    </ion-title>
+  <ion-toolbar class="title">
+      <ion-title>智养人生</ion-title>
+  </ion-toolbar>
+  <ion-toolbar class="searchbar">
+      <ion-searchbar [value]="searchContent" (ionInput)="handleInput($event)" placeholder="输入您的疾病" [debounce]="1000" ></ion-searchbar>
+  </ion-toolbar>
+  <ion-toolbar class="searchbut">
+    <ion-button expand="block" color="primary" (click)="search()">搜索</ion-button>
   </ion-toolbar>
 </ion-header>
 
 <ion-content [fullscreen]="true">
   <div class="inquery" style="margin-top: 10px">
     <div class="inquery-ai">
-      <ion-button color="primary" size="large" (click)="goToPage()">
+      <ion-button color="primary" size="large" (click)="goToPage1()">
         AI问诊
       </ion-button>
     </div>
     <div class="inquery-human">
-      <ion-button color="primary" size="large" (click)="goToPage()">
-        AI问诊
+      <ion-button color="primary" size="large" (click)="goToPage2()">
+        找医生
       </ion-button>
     </div>
-
   </div>
 
-  <app-explore-container name="智养3"></app-explore-container>
+  <app-explore-container name="智养"></app-explore-container>
 </ion-content>

wisdom-app/src/app/tab1/tab1.page.scss

@@ -1,9 +1,12 @@
+
+
 .inquery{
     width:100%;
     height:100px;
-    background-color: #f5f5f5;
-    padding: 0 0px;
+    // background-color: #fd0000;
+    padding: 5px 0px;
     box-sizing: border-box;
+    margin: 0px 0px;
     ion-button{
         width: 100%;
         height: 100%;

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

@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
-import { IonHeader, IonToolbar, IonTitle, IonContent, IonTabButton } from '@ionic/angular/standalone';
+import { IonHeader, IonToolbar, IonTitle, IonContent, IonTabButton, IonSearchbar, IonLabel, IonItem, IonList } from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
 import { IonButton } from '@ionic/angular/standalone';
 import { IonIcon } from '@ionic/angular/standalone';
-import { EditTagComponent } from '../component/edit-tag/edit-tag.component';
-import { EditRatingStarComponent } from '../component/edit-rating-star/edit-rating-star.component';
 import { Router } from '@angular/router';
+import { CommonModule } from '@angular/common';
 
 
 @Component({
@@ -15,17 +14,45 @@ import { Router } from '@angular/router';
   standalone: true,
   imports: [
     IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent, IonTabButton, IonButton,
-    IonIcon,
+    IonIcon,IonSearchbar,IonLabel,IonItem,IonList,CommonModule
   ],
 })
 export class Tab1Page {
 
+
+
   constructor(private router: Router) {}
 
   /**
-   * Go to the page-test page
+   * Go to the ai page
+   */
+  goToPage1(){
+    this.router.navigate(['/tabs/page-test'])
+  }
+
+  /**
+   * Go to the human page
    */
-  goToPage(){
+  goToPage2(){
     this.router.navigate(['/tabs/page-test'])
   }
+
+  searchContent:string = ''; //搜索内容
+
+  handleInput(ev:any) {
+    console.log("ev.detail.value: ",ev.detail.value)
+    this.searchContent = ev.detail.value;
+  }
+
+  search(){
+    if (this.searchContent == ''){
+      console.log("请输入搜索内容")
+    }
+    else {
+      console.log("搜索内容: ",this.searchContent)
+      this.searchContent = '';
+    }
+
+  }
+  ngOnInit() {}
 }

wisdom-app/src/app/tab2/tab2.page.html

@@ -13,5 +13,30 @@
     </ion-toolbar>
   </ion-header>
 
-  <app-explore-container name="Tab 2 page"></app-explore-container>
+  <ion-list>
+    <ion-item>
+      <ion-avatar aria-hidden="true" slot="start">
+        <img alt="" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
+      </ion-avatar>
+      <ion-label>Huey</ion-label>
+    </ion-item>
+    <ion-item>
+      <ion-avatar aria-hidden="true" slot="start">
+        <img alt="" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
+      </ion-avatar>
+      <ion-label>Dewey</ion-label>
+    </ion-item>
+    <ion-item>
+      <ion-avatar aria-hidden="true" slot="start">
+        <img alt="" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
+      </ion-avatar>
+      <ion-label>Louie</ion-label>
+    </ion-item>
+    <ion-item>
+      <ion-avatar aria-hidden="true" slot="start">
+        <img alt="" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
+      </ion-avatar>
+      <ion-label>Fooie</ion-label>
+    </ion-item>
+  </ion-list>
 </ion-content>

wisdom-app/src/app/tab2/tab2.page.ts

@@ -1,13 +1,19 @@
 import { Component } from '@angular/core';
-import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
+import { IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonLabel, IonAvatar } from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
+import { addIcons } from 'ionicons';
+import { airplane, bluetooth, call, wifi } from 'ionicons/icons';
+addIcons({ airplane, bluetooth, call, wifi });
+
 
 @Component({
   selector: 'app-tab2',
   templateUrl: 'tab2.page.html',
   styleUrls: ['tab2.page.scss'],
   standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent]
+  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,
+    IonLabel,IonItem,IonList,IonAvatar
+  ]
 })
 export class Tab2Page {