添加搜索图标

src/app/place/place.page.html

@@ -1,6 +1,11 @@
 <ion-header>
   <ion-toolbar>
     <ion-title>地点</ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="search()">
+        <ion-icon name="search"></ion-icon>
+      </ion-button>
+    </ion-buttons>
   </ion-toolbar>
 </ion-header>
 

src/app/place/place.page.ts

@@ -1,5 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
+import { Router } from '@angular/router';
+import { NavController } from '@ionic/angular';
 @Component({
   selector: 'app-place',
   templateUrl: './place.page.html',
@@ -7,7 +9,18 @@ import { Component, OnInit } from '@angular/core';
 })
 export class PlacePage implements OnInit {
 
-  constructor() { }
+  constructor(private navCtrl: NavController) {}
+
+  search() {
+    // this.router.navigate(['/blank-page']); // 替换成你的空白页面路由路径
+    // 导航到空白页面
+    console.log('Navigating to Blank page');
+  }
+
+  goToBlankPage() {
+    // 处理显示更多城市的逻辑
+    console.log('显示更多城市');
+  }
 
   ngOnInit() {
   }

src/app/tab1/tab1.page.html

@@ -3,6 +3,11 @@
     <ion-title>
       首页
     </ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="search()">
+        <ion-icon name="search"></ion-icon>
+      </ion-button>
+    </ion-buttons>
   </ion-toolbar>
 </ion-header>
 

src/app/tab1/tab1.page.ts

@@ -14,6 +14,12 @@ export class Tab1Page implements OnInit {
 
   constructor(private router: Router) {}
 
+  search() {
+    // this.router.navigate(['/blank-page']); // 替换成你的空白页面路由路径
+    // 导航到空白页面
+    console.log('Navigating to Blank page');
+  }
+
   navigateToBannerPage(banner: string) {
     // 导航到对应的Banner页面
     console.log('Navigating to Banner page: ' + banner);

src/app/tab2/tab2.page.html

@@ -1,7 +1,13 @@
 <ion-header>
   <ion-toolbar>
     <ion-title>电影</ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="search()">
+        <ion-icon name="search"></ion-icon>
+      </ion-button>
+    </ion-buttons>
   </ion-toolbar>
+  
 </ion-header>
 
 <ion-content>

src/app/tab2/tab2.page.ts

@@ -17,4 +17,9 @@ export class Tab2Page {
     // 导航到空白页面
     console.log('Navigating to Blank page');
   }
+  search() {
+    // this.router.navigate(['/blank-page']); // 替换成你的空白页面路由路径
+    // 导航到空白页面
+    console.log('Navigating to Blank page');
+  }
 }

src/app/tab3/tab3.page.html

@@ -1,7 +1,13 @@
 <ion-header>
   <ion-toolbar>
     <ion-title>城市</ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="search()">
+        <ion-icon name="search"></ion-icon>
+      </ion-button>
+    </ion-buttons>
   </ion-toolbar>
+  
 </ion-header>
 
 <ion-content>

src/app/tab3/tab3.page.ts

@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+
+import { Router } from '@angular/router';
 import { NavController } from '@ionic/angular';
 
 @Component({
@@ -9,6 +11,12 @@ import { NavController } from '@ionic/angular';
 export class Tab3Page {
   constructor(private navCtrl: NavController) {}
 
+  search() {
+    // this.router.navigate(['/blank-page']); // 替换成你的空白页面路由路径
+    // 导航到空白页面
+    console.log('Navigating to Blank page');
+  }
+
   goToBlankPage() {
     // 处理显示更多城市的逻辑
     console.log('显示更多城市');