12.2

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

@@ -2,16 +2,36 @@
   <ion-toolbar>
     <ion-buttons slot="start">
       <ion-menu-button></ion-menu-button>
-    </ion-buttons>
-    <ion-title>乐游南昌</ion-title>
-    <ion-buttons slot="end">
       <ion-avatar>
-        <img src="path/to/user/avatar.jpg" />
+        <img src="./assets/img/logo.jpg">
       </ion-avatar>
     </ion-buttons>
+    <div class="centered-title">
+      乐游南昌
+    </div>
+    <ion-buttons slot="end">
+    </ion-buttons>
   </ion-toolbar>
 </ion-header>
 
+<style>
+  .centered-title {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-family: '宋体', sans-serif;
+    font-size: 24px;
+    font-weight: bold;
+    color: black;
+  }
+
+  ion-toolbar {
+    padding: 0; /* 移除默认的内边距 */
+  }
+</style>
+
+
 <ion-content>
   <ion-searchbar 
     placeholder="输入目的地或景点" 
@@ -33,7 +53,7 @@
             <h2>{{ route.title }}</h2>
             <p>{{ route.description }}</p>
           </ion-label>
-          <ion-button slot="end" fill="outline" (click)="goToPage1()">立即查看</ion-button>
+          <ion-button slot="end" fill="outline" (click)="goToPage1()">去这里！</ion-button>
         </ion-item>
       </ion-list>
     </ion-card-content>

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

@@ -55,8 +55,8 @@ import { IonAvatar } from '@ionic/angular/standalone';
 })
 export class Tab1Page {
   recommendedRoutes = [
-    { title: '滕王阁经典游', description: '探索滕王阁的美丽与历史', thumbnail: 'assets/images/tengwangge.jpg' },
-    { title: '南昌博物馆', description: '了解南昌的文化与历史', thumbnail: 'assets/images/nanchangmuseum.jpg' }
+    { title: '滕王阁经典游', description: '探索滕王阁的美丽与历史', thumbnail: './assets/img/滕王阁.png' },
+    { title: '南昌博物馆', description: '了解南昌的文化与历史', thumbnail: './assets/img/博物馆.png' }
   ]; // 推荐路线数据示例
 
   personalizedRoutes = [
@@ -65,13 +65,13 @@ export class Tab1Page {
   ]; // 个性化推荐数据示例
 
   popularAttractions = [
-    { name: '八一起义纪念馆', description: '纪念南昌起义的历史', image: 'assets/images/yijijiang.jpg' },
-    { name: '南昌青山湖', description: '美丽的湖泊，适合休闲游玩', image: 'assets/images/qingshanhu.jpg' }
+    { name: '八一起义纪念馆', description: '纪念南昌起义的历史', image: './assets/img/八一起义.png' },
+    { name: '南昌青山湖', description: '美丽的湖泊，适合休闲游玩', image: './assets/img/青山湖.png' }
   ]; // 热门景点数据示例
 
   userFeedbacks = [
-    { userAvatar: 'assets/images/user1.jpg', username: '用户1', content: '这条路线非常棒！', rating: 5 },
-    { userAvatar: 'assets/images/user2.jpg', username: '用户2', content: '我喜欢这个地方！', rating: 4 }
+    { userAvatar: './assets/img/用户1.png', username: '张三', content: '这条路线非常棒！', rating: 5 },
+    { userAvatar: './assets/img/用户2.png', username: '李四', content: '我喜欢这个地方！', rating: 4 }
   ]; // 用户反馈数据示例
 
   constructor(private router: Router) {}