fix tab2 tab3

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

@@ -5,14 +5,6 @@
 </ion-header>
 
 <ion-content [fullscreen]="true">
-  <!-- <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">Tab 2</ion-title>
-    </ion-toolbar>
-  </ion-header>
-
-  <app-explore-container name="Tab 2 page"></app-explore-container> -->
-
     <!-- 用户画像区 -->
     <section>
       <ion-card>
@@ -22,7 +14,7 @@
         <ion-card-content>
           <ion-item>
             <ion-avatar slot="start">
-              <img src="assets/user-avatar.png" alt="用户头像">
+              <img src="currentUser?.get('avatar')">
             </ion-avatar>
             <ion-label>
               <h2>{{ username }}</h2>
@@ -70,9 +62,17 @@
         </ion-card-content>
       </ion-card>
     </section>
+</ion-content>
+
+
+
+
+
+
+
 
     <!-- 底部推荐区 -->
-    <section>
+    <!-- <section>
       <ion-card>
         <ion-card-header>
           <ion-card-title>您可能也喜欢</ion-card-title>
@@ -92,5 +92,5 @@
           </ion-list>
         </ion-card-content>
       </ion-card>
-    </section>
-</ion-content>
+    </section> -->
+

FilmDraw-app/src/app/tab3/tab3.page.scss

@@ -1,12 +1,13 @@
 // 定义颜色变量
 $light-blue: #e0f7fa;
-$blue: #bbdcff;
+$blue: #77a0cc;
 $dark-blue: #587fb6;
 $text-color: #333;
 
 ion-title {
   flex: 1; // 使标题占据可用空间
-  text-align: left; // 确保文字左对齐
+  text-align: center; // 确保文字左对齐
+  font-size: 30px;
   margin-left: 16px; // 左侧边距，可以根据需要调整
   margin-top: 5px;
   // font-family: 楷体;
@@ -25,7 +26,6 @@ ion-content {
 // AI陪聊搭子区域样式
 #one {
   margin: 15px;
-
   ion-card {
     background-color: white;
     border-radius: 8px;

FilmDraw-app/src/app/tab3/tab3.page.ts

@@ -31,21 +31,6 @@ import { openUserLoginModal } from 'src/lib/user/modal-user-login/modal-user-log
 })
 export class Tab3Page {
 
-  roles = [
-    { name: '角色一', description: '这是角色一的描述', avatar: 'assets/role1.png' },
-    { name: '角色二', description: '这是角色二的描述', avatar: 'assets/role2.png' },
-    { name: '角色三', description: '这是角色三的描述', avatar: 'assets/role3.png' },
-  ];
-
-  startChat() {
-    this.router.navigate(['/chat']); // 跳转到聊天页面
-  }
-
-  startRoleChat(role: any) {
-    this.router.navigate(['/role-chat', { role: role.name }]); // 跳转到角色聊天页面
-  }
-
-
   constructor(
     private modalCtrl:ModalController,
     private router:Router,