csdn1233 4 сар өмнө
parent
commit
c0cc2a77aa

+ 1 - 1
AIart-app/src/app/tab3/tab3.page.html

@@ -14,4 +14,4 @@
   </ion-header>
 
   <app-explore-container name="Tab 3 page"></app-explore-container>
-</ion-content>
+</ion-content>

+ 8 - 11
AIart-app/src/app/tab5/tab5.page.html

@@ -1,17 +1,14 @@
 <ion-header [translucent]="true">
-  <ion-toolbar>
-    <ion-title>
-      tab 5
-    </ion-title>
-  </ion-toolbar>
+  <div style="display: flex;align-items: center;justify-content: center;gap: 10px;height: 50px;">
+    <ion-searchbar placeholder="输入搜索内容" style="width: 60%"></ion-searchbar>
+    <ion-icon name="gift-outline" style="height: 30px;width: 30px;"></ion-icon>
+    <ion-icon name="scan-outline" style="height: 30px;width: 30px;"></ion-icon>
+    <div style="display: flex;align-items: center;">
+      <ion-icon name="settings-outline" style="height: 30px;width: 30px;"></ion-icon>
+    </div>
+  </div>
 </ion-header>
 
 <ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">tab 5</ion-title>
-    </ion-toolbar>
-  </ion-header>
 
-  <app-explore-container name="tab 5 page"></app-explore-container>
 </ion-content>

+ 3 - 2
AIart-app/src/app/tab5/tab5.page.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
+import { IonHeader, IonToolbar, IonTitle, IonContent, IonSearchbar, IonIcon } from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
 
 @Component({
@@ -7,7 +7,8 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe
   templateUrl: 'tab5.page.html',
   styleUrls: ['tab5.page.scss'],
   standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent],
+  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,
+    IonSearchbar, IonIcon],
 })
 export class tab5Page {
   constructor() { }

+ 4 - 2
AIart-app/src/app/tabs/tabs.page.ts

@@ -5,7 +5,8 @@ import {
   compass, bookOutline, book, storefront, person, document, mailOutline,
   calendarOutline, logoUsd, briefcaseOutline, heartOutline, footballOutline,
   chevronForwardOutline, storefrontOutline, businessOutline, documentsOutline,
-  rocketOutline, sparklesOutline, medalOutline, listOutline
+  rocketOutline, sparklesOutline, medalOutline, listOutline, giftOutline,
+  scanOutline, settingsOutline
 } from 'ionicons/icons';
 
 @Component({
@@ -23,7 +24,8 @@ export class TabsPage {
       compass, bookOutline, book, storefront, person, document,
       mailOutline, calendarOutline, logoUsd, briefcaseOutline, heartOutline,
       footballOutline, chevronForwardOutline, storefrontOutline, businessOutline,
-      documentsOutline, rocketOutline, sparklesOutline, medalOutline, listOutline
+      documentsOutline, rocketOutline, sparklesOutline, medalOutline, listOutline,
+      giftOutline, scanOutline, settingsOutline
     });
   }
 }