src/app/app-routing.module.ts

@@ -4,6 +4,15 @@ import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
 const routes: Routes = [
   {
     path: '',
+    redirectTo: 'splash',
+    pathMatch: 'full'
+  },
+  {
+    path: 'splash',
+    loadChildren: () => import('./splash/splash.module').then(m => m.SplashPageModule)
+  },
+  {
+    path: 'tabs',
     loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
   },
   {
@@ -73,35 +82,36 @@ const routes: Routes = [
   {
     path: 'medicine-detail/:id', // 添加 :id 参数以匹配具体药品ID
     loadChildren: () => import('./medicine-detail/medicine-detail.module').then( m => m.MedicineDetailPageModule)
-  },
  {
-    path: 'expert-lectures',
-    loadChildren: () => import('./expert-lectures/expert-lectures.module').then( m => m.ExpertLecturesPageModule)
-  },
-  {
-    path: 'health-community',
-    loadChildren: () => import('./health-community/health-community.module').then( m => m.HealthCommunityPageModule)
-  },
-  {
-    path: 'new-post',
-    loadChildren: () => import('./new-post/new-post.module').then( m => m.NewPostPageModule)
-  },
-  {
-    path: 'orders',
-    loadChildren: () => import('./orders/orders.module').then( m => m.OrdersPageModule)
-  },
-  {
-    path: 'promotions',
-    loadChildren: () => import('./promotions/promotions.module').then( m => m.PromotionsPageModule)
-  },
-  {
-    path: 'medical-services',
-    loadChildren: () => import('./medical-services/medical-services.module').then( m => m.MedicalServicesPageModule)
-  },
-  {
-    path: 'points-and-coupons',
-    loadChildren: () => import('./points-and-coupons/points-and-coupons.module').then( m => m.PointsAndCouponsPageModule)
-  }
-
+  },
+  {
+    path: 'expert-lectures',
+    loadChildren: () => import('./expert-lectures/expert-lectures.module').then( m => m.ExpertLecturesPageModule)
+  },
+  {
+    path: 'health-community',
+    loadChildren: () => import('./health-community/health-community.module').then( m => m.HealthCommunityPageModule)
+  },
+  {
+    path: 'new-post',
+    loadChildren: () => import('./new-post/new-post.module').then( m => m.NewPostPageModule)
+  },
+  {
+    path: 'orders',
+    loadChildren: () => import('./orders/orders.module').then( m => m.OrdersPageModule)
+  },
+  {
+    path: 'promotions',
+    loadChildren: () => import('./promotions/promotions.module').then( m => m.PromotionsPageModule)
+  },
+  {
+    path: 'medical-services',
+    loadChildren: () => import('./medical-services/medical-services.module').then( m => m.MedicalServicesPageModule)
+  },
+  {
+    path: 'points-and-coupons',
+    loadChildren: () => import('./points-and-coupons/points-and-coupons.module').then( m => m.PointsAndCouponsPageModule)
+  },
+ 
 
 
 ];

src/app/services/splash.service.ts

@@ -0,0 +1,15 @@
+// splash.service.ts
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SplashService {
+  private openLoginModalSource = new BehaviorSubject<boolean>(false);
+  openLoginModal$ = this.openLoginModalSource.asObservable();
+
+  setOpenLoginModal(value: boolean) {
+    this.openLoginModalSource.next(value);
+  }
+}

src/app/splash/splash-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { SplashPage } from './splash.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: SplashPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class SplashPageRoutingModule {}

src/app/splash/splash.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { SplashPageRoutingModule } from './splash-routing.module';
+
+import { SplashPage } from './splash.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    SplashPageRoutingModule
+  ],
+  declarations: [SplashPage]
+})
+export class SplashPageModule {}

src/app/splash/splash.page.html

@@ -0,0 +1,10 @@
+<ion-content>
+  <div class="splash-screen" [@splashAnimation]="animationState">
+    <img src="https://www.logosc.cn/uploads/icon/2020/11/12/b667ed4d-b167-4041-8555-39379da8b5c7.png" alt="App Logo" class="logo"/>
+    <!-- 动态文本 -->
+    <p class="welcome-message">{{ animationState ? 'Welcome AI 医疗' : '' }}</p>
+    <!-- 背景装饰图形 -->
+    <div class="decorative-shape top-left"></div>
+    <div class="decorative-shape bottom-right"></div>
+  </div>
+</ion-content>

src/app/splash/splash.page.scss

@@ -0,0 +1,68 @@
+.splash-screen {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg, #76b852, #8DC26F); /* 使用渐变背景 */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 9999;
+    overflow: hidden; /* 确保超出部分被隐藏 */
+}
+
+.logo {
+    max-width: 150px;
+    max-height: 150px;
+    animation: fadeIn 1s ease-in-out forwards;
+}
+
+.welcome-message {
+    font-size: 24px;
+    color: white;
+    opacity: 0;
+    animation: fadeInText 1s 2s forwards;
+}
+
+.decorative-shape {
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 50%;
+    animation: pulse 2s infinite ease-in-out;
+}
+
+.top-left {
+    top: 20px;
+    left: 20px;
+    animation-delay: 0s;
+}
+
+.bottom-right {
+    bottom: 20px;
+    right: 20px;
+    animation-delay: 1s;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: scale(0.8); }
+    to { opacity: 1; transform: scale(1); }
+}
+
+@keyframes fadeInText {
+    from { opacity: 0; transform: translateY(-20px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes pulse {
+    0%, 100% {
+        transform: scale(1);
+        opacity: 1;
+    }
+    50% {
+        transform: scale(1.2);
+        opacity: 0.5;
+    }
+}

src/app/splash/splash.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { SplashPage } from './splash.page';
+
+describe('SplashPage', () => {
+  let component: SplashPage;
+  let fixture: ComponentFixture<SplashPage>;
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SplashPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/splash/splash.page.ts

@@ -0,0 +1,43 @@
+// splash.page.ts
+import { Component, AfterViewInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { SplashService } from '../services/splash.service'; // 确保路径正确
+import { trigger, state, style, animate, transition } from '@angular/animations';
+
+@Component({
+  selector: 'app-splash',
+  templateUrl: './splash.page.html',
+  styleUrls: ['./splash.page.scss'],
+  animations: [
+    trigger('splashAnimation', [
+      state('true', style({ opacity: 1 })),
+      state('false', style({ opacity: 0 })),
+      transition('true => false', [
+        animate('500ms ease-out')
+      ]),
+      transition('false => true', [
+        animate('500ms ease-in')
+      ])
+    ])
+  ]
+})
+export class SplashPage implements AfterViewInit {
+  animationState = true;
+
+  constructor(private router: Router, private splashService: SplashService) {}
+
+  ngAfterViewInit() {
+    this.startAnimation();
+  }
+
+  private startAnimation() {
+    setTimeout(() => {
+      this.animationState = false;
+      // 在动画结束之后通知 Tab1 打开模态框并导航到 tab1
+      setTimeout(() => {
+        this.splashService.setOpenLoginModal(true);
+        this.router.navigate(['/tabs/tab1']);
+      }, 500);
+    }, 5000); // 3秒后开始淡出
+  }
+}

src/app/tab1/tab1.page.html

@@ -27,23 +27,23 @@
 <ion-modal [isOpen]="isLoginModalOpen" (ionDidDismiss)="onLoginModalDismissed($event)">
   <ng-template>
     <ion-header>
-      <ion-toolbar>
+      <ion-toolbar color="primary">
         <ion-title>登录/注册</ion-title>
         <ion-buttons slot="end">
           <ion-button (click)="closeLoginModal()" fill="clear">关闭</ion-button>
         </ion-buttons>
       </ion-toolbar>
     </ion-header>
-    <ion-content class="ion-padding">
+    <ion-content class="ion-padding modal-content">
       <form #loginForm="ngForm" (ngSubmit)="onLoginFormSubmit(loginForm.value)" novalidate>
-        <ion-item>
+        <ion-item lines="none" style="--background: rgba(255, 255, 255, 0.9);">
           <ion-label position="floating">用户名</ion-label>
           <ion-input type="text" [(ngModel)]="user.username" name="username" required></ion-input>
           <ion-text *ngIf="user.username.length > 0 && user.username.length < 3" color="danger" style="position: absolute; top: 50%; right: 16px; transform: translateY(-50%); opacity: 0.7;">
             还差 {{ 3 - user.username.length }} 位
           </ion-text>
         </ion-item>
-        <ion-item>
+        <ion-item lines="none" style="--background: rgba(255, 255, 255, 0.9);">
           <ion-label position="floating">密码</ion-label>
           <ion-input type="password" [(ngModel)]="user.password" name="password" required></ion-input>
           <ion-text *ngIf="user.password.length > 0 && user.password.length < 6" color="danger" style="position: absolute; top: 50%; right: 16px; transform: translateY(-50%); opacity: 0.7;">
@@ -52,14 +52,16 @@
         </ion-item>
         <ion-row>
           <ion-col>
-            <ion-button expand="block" type="submit" [disabled]="!loginForm.form.valid">登录</ion-button>
+            <ion-button expand="block" type="submit" [disabled]="!loginForm.form.valid" style="--background: #6a9e4c; --color: white;">登录</ion-button>
           </ion-col>
           <ion-col>
-            <ion-button expand="block" (click)="registerUser()">注册</ion-button>
+            <ion-button expand="block" (click)="registerUser()" style="--background: #6a9e4c; --color: white;">注册</ion-button>
           </ion-col>
         </ion-row>
       </form>
-      <div *ngIf="errorMessage" class="error-message">{{ errorMessage }}</div>
+      <div *ngIf="errorMessage" class="error-message" style="color: #ff4d4d; text-align: center; margin-top: 16px;">
+        {{ errorMessage }}
+      </div>
     </ion-content>
   </ng-template>
 </ion-modal>

src/app/tab1/tab1.page.scss

@@ -332,40 +332,6 @@ ion-toolbar {
   }
 }
 
-
-// .floating-action-button {
-//   position: fixed;
-//   bottom: 16px;
-//   right: 16px;
-//   display: flex; // 使用 Flexbox 布局
-//   flex-direction: column; // 子元素垂直排列
-//   align-items: center; // 水平居中
-//   justify-content: center; // 垂直居中
-//   width: 60px;
-//   height: 60px;
-//   background: #007bff;
-//   border-radius: 50%;
-//   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-//   cursor: pointer;
-//   z-index: 1000;
-
-//   ion-icon {
-//     font-size: 24px;
-//     color: white;
-//   }
-
-//   .label {
-//     font-size: 12px;
-//     color: white;
-//     margin-top: 4px;
-//   }
-// }
-
-// .hidden-input {
-//   position: absolute;
-//   left: -9999px;
-// }
-
 // 响应式设计
 @media (max-width: 768px) {
   .function-row {
@@ -396,4 +362,5 @@ ion-toolbar {
       font-size: 10px; // 减小标签文字大小
     }
   }
-}
+}
+

src/app/tab1/tab1.page.ts

@@ -8,6 +8,7 @@ import { throwError } from 'rxjs';
 import { Subscription } from 'rxjs';
 import { UserService } from '../services/user.service';
 import {ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { SplashService } from '../services/splash.service';
 
 interface User {
   username: string;
@@ -50,7 +51,7 @@ export class Tab1Page implements AfterViewInit {
   ];
 
   images = [
-    '../../assets/images/brackground.jpg',
+    '../../assets/images/brackground1.jpg',
     '../../assets/images/brackground2.jpg',
     '../../assets/images/brackground3.jpeg'
   ];
@@ -85,6 +86,8 @@ export class Tab1Page implements AfterViewInit {
   isLoginModalOpen = false;
   user: User = { username: '', password: '' };
   fileToUpload: File | null = null;
+  private splashSubscription!: Subscription;
+  isLoggedIn: boolean = false;
  
 
   constructor(
@@ -95,7 +98,8 @@ export class Tab1Page implements AfterViewInit {
     private toastController: ToastController,// 添加 ToastController 注入
     private userService: UserService ,
     private el: ElementRef, 
-    private renderer: Renderer2
+    private renderer: Renderer2,
+    private splashService: SplashService
   ) {}
 
   ngOnInit() {
@@ -103,6 +107,11 @@ export class Tab1Page implements AfterViewInit {
     this.startImageRotation();
     // 初始化时设置第一张图片
     this.updateBackgroundImage();
+    this.splashSubscription = this.splashService.openLoginModal$.subscribe(async (shouldOpen) => {
+      if (shouldOpen) {
+        await this.openLoginModal();
+      }
+    });
   }
 
   ionViewWillEnter() {
@@ -113,6 +122,9 @@ export class Tab1Page implements AfterViewInit {
     if (this.userInfoSubscription) {
       this.userInfoSubscription.unsubscribe();
     }
+    if (this.splashSubscription) {
+      this.splashSubscription.unsubscribe();
+    }
   }
   
   // 实现 AfterViewInit 接口的 ngAfterViewInit 方法
@@ -244,48 +256,6 @@ export class Tab1Page implements AfterViewInit {
     this.router.navigate([route]);
   }
 
-  // // 发布求医信息
-  // handleClick() {
-  //   const fileInput = document.getElementById('fileInput');
-  //   if (fileInput) {
-  //     fileInput.click();
-  //   } else {
-  //     console.error('File input element not found');
-  //   }
-  // }
-
-  // publishHealthInfo(files: FileList) {
-  //   if (files && files.length > 0) {
-  //     const file = files[0];
-  //     const allowedTypes = ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 
-  //                           'image/jpeg', 'image/png', 'image/gif'];
-
-  //     if (allowedTypes.includes(file.type)) {
-  //       console.log('Selected file:', file.name);
-  //       // 在这里可以添加上传文件的逻辑
-  //       this.fileToUpload = file;
-  //       // 在这里添加上传文件的逻辑
-  //       this.uploadFile().then(() => this.navCtrl.navigateForward('/tabs/tab2'));
-  //     } else {
-  //       this.presentToast('仅支持 .doc, .docx, .jpg, .jpeg, .png, .gif 文件类型');
-  //     }
-  //   } else {
-  //     console.log('No file selected');
-  //   }
-  // }
-
-
-
-  // private async uploadFile(): Promise<void> {
-  //   if (this.fileToUpload) {
-  //     // 这里是模拟文件上传的过程，您可以替换为实际的上传逻辑。
-  //     // 比如调用API进行文件上传，并处理响应。
-  //     // 简单示例：
-  //     // await this.http.post('your-upload-endpoint', this.fileToUpload).toPromise();
-  //     return new Promise((resolve) => setTimeout(resolve, 1000)); // 模拟异步操作
-  //   }
-  // }
-
   openLoginModal() {
     this.isLoginModalOpen = true;
     console.log('打开登录/注册模态框');
@@ -320,6 +290,7 @@ export class Tab1Page implements AfterViewInit {
         async (response) => {
           console.log('登录成功:', response);
           await this.presentToast('登录成功', 'success');
+          this.isLoggedIn = true;
           this.closeLoginModal();
         },
         async (error) => {
@@ -354,6 +325,7 @@ export class Tab1Page implements AfterViewInit {
         async (response) => {
           console.log('注册成功:', response);
           await this.presentToast('注册成功', 'success');
+          this.isLoggedIn = true;
           this.closeLoginModal();
         },
         async (error) => {

src/app/tab2/tab2.page.html

@@ -38,10 +38,10 @@
   <ion-toolbar>
     <ion-grid>
       <ion-row>
-        <ion-col size="10">
+        <ion-col size="9">
           <ion-input [(ngModel)]="userInput" placeholder="请输入您的问题..." (keyup.enter)="sendMessage()"></ion-input>
         </ion-col>
-        <ion-col size="2" class="send-button-container">
+        <ion-col size="3" class="send-button-container">
           <ion-button (click)="sendMessage()" expand="block" [disabled]="isLoading || !userInput.trim()">
             发送
           </ion-button>

src/app/tab2/tab2.page.scss

@@ -1,113 +1,115 @@
-/* src/app/tab2/tab2.page.scss */
-.message-container {
-    display: flex;
-    align-items: center; /* 垂直居中 */
-    margin-bottom: 10px;
-  }
-  
-  .user-message,
-  .ai-message {
-    width: 100%;
-  }
-  
-  .user-message .message-text,
-  .ai-message .message-text {
-    max-width: 75%; /* 消息内容的最大宽度 */
-    word-wrap: break-word; /* 防止文字溢出 */
-  }
-  
-  .avatar-container {
-    display: flex;
-    align-items: center; /* 垂直居中 */
-  }
-  
-  .full-avatar {
-    width: 36px;
-    height: 36px;
-    border-radius: 50%;
-    overflow: hidden; /* 确保图片超出部分被隐藏 */
-  }
-  
-  .full-avatar img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover; /* 保持图片比例并填充容器 */
-    border-radius: 50%; /* 保持圆形 */
-  }
-  
-  .user-message .avatar-container {
-    margin-right: 10px; /* 头像和文本之间的间距 */
-  }
-  
-  .ai-message .avatar-container {
-    margin-left: 10px; /* 头像和文本之间的间距 */
-  }
-  
-  .user-message .message-text {
-    text-align: left; /* 用户消息左对齐 */
-    margin-left: 10px; /* 文本和头像之间的间距 */
-    color:rgb(7, 7, 15); /* 用户消息的文字颜色 */
-    
-  }
-  
-  .ai-message .message-text {
-    tetext-align: left; /* AI 消息左对齐 */
-    margin-right: 10px; /* 文本和头像之间的间距 */
-    color: #333; /* AI 医生消息的文字颜色 */
-  }
-  
-  .user-message {
-    justify-content: flex-start; /* 用户消息固定在左边 */
-    background-color:#f1f1f1; /* 用户消息的背景色 */
-    
-  }
-  
-  .ai-message {
-    justify-content: flex-end; /* AI 消息固定在右边 */
-    background-color: #f1f1f1; /* AI 医生消息的背景色 */
-  }
-  
-  /* 确保头像和消息在同一行内 */
-  .user-message .message-container,
-  .ai-message .message-container {
-    display: flex;
-    align-items: center; /* 垂直居中 */
-  }
-  
-  /* 确保消息容器占据整个宽度 */
-  .user-message .message-container,
-  .ai-message .message-container {
-    width: 100%;
-  }
-  
-  ion-footer ion-toolbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px;
-  }
-  
-  ion-footer .send-button-container {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-  }
-  
-  ion-footer ion-input {
-    flex: 1;
-    margin-right: 10px;
-  }
-  
-  ion-footer ion-button {
-    width: 80px;
-  }
-  
-  ion-spinner {
-    margin-left: 10px;
-  }
-  
-  /* 居中显示标题 */
-  .center-title {
-    text-align: center;
-    width: 100%; /* 确保标题占据整个工具栏的宽度 */
+/* src/app/tab2/tab2.page.scss */
+.message-container {
+    display: flex;
+    align-items: center; /* 垂直居中 */
+    margin-bottom: 10px;
+  }
+  
+  .user-message,
+  .ai-message {
+    width: 100%;
+  }
+  
+  .user-message .message-text,
+  .ai-message .message-text {
+    max-width: 75%; /* 消息内容的最大宽度 */
+    word-wrap: break-word; /* 防止文字溢出 */
+  }
+  
+  .avatar-container {
+    display: flex;
+    align-items: center; /* 垂直居中 */
+  }
+  
+  .full-avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    overflow: hidden; /* 确保图片超出部分被隐藏 */
+  }
+  
+  .full-avatar img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover; /* 保持图片比例并填充容器 */
+    border-radius: 50%; /* 保持圆形 */
+  }
+  
+  .user-message .avatar-container {
+    margin-right: 10px; /* 头像和文本之间的间距 */
+  }
+  
+  .ai-message .avatar-container {
+    margin-left: 10px; /* 头像和文本之间的间距 */
+  }
+  
+  .user-message .message-text {
+    text-align: left; /* 用户消息左对齐 */
+    margin-left: 10px; /* 文本和头像之间的间距 */
+    color:rgb(7, 7, 15); /* 用户消息的文字颜色 */
+    
+  }
+  
+  .ai-message .message-text {
+    tetext-align: left; /* AI 消息左对齐 */
+    margin-right: 10px; /* 文本和头像之间的间距 */
+    color: #333; /* AI 医生消息的文字颜色 */
+  }
+  
+  .user-message {
+    justify-content: flex-start; /* 用户消息固定在左边 */
+    background-color:#f1f1f1; /* 用户消息的背景色 */
+    
+  }
+  
+  .ai-message {
+    justify-content: flex-end; /* AI 消息固定在右边 */
+    background-color: #f1f1f1; /* AI 医生消息的背景色 */
+  }
+  
+  /* 确保头像和消息在同一行内 */
+  .user-message .message-container,
+  .ai-message .message-container {
+    display: flex;
+    align-items: center; /* 垂直居中 */
+  }
+  
+  /* 确保消息容器占据整个宽度 */
+  .user-message .message-container,
+  .ai-message .message-container {
+    width: 100%;
+  }
+  
+  ion-footer ion-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px;
+  }
+  
+  ion-footer .send-button-container {
+    display: flex;
+    justify-content: center; /* 居中对齐按钮 */
+    align-items: center;
+    min-width: 80px; /* 设置最小宽度 */
+  }
+  
+  ion-footer ion-input {
+    flex: 1;
+    margin-right: 10px;
+  }
+  
+  ion-footer ion-button {
+    width: 100%; /* 让按钮占据整个列宽 */
+    min-width: 80px; /* 设置最小宽度 */
+    white-space: nowrap; /* 防止文本换行 */
+  }
+  
+  ion-spinner {
+    margin-left: 10px;
+  }
+  /* 居中显示标题 */
+  .center-title {
+    text-align: center;
+    width: 100%; /* 确保标题占据整个工具栏的宽度 */
   }

src/app/tabs/tabs-routing.module.ts

@@ -4,7 +4,7 @@ import { TabsPage } from './tabs.page';
 
 const routes: Routes = [
   {
-    path: 'tabs',
+    path: '',
     component: TabsPage,
     children: [
       {
@@ -21,19 +21,15 @@ const routes: Routes = [
       },
       {
         path: '',
-        redirectTo: '/tabs/tab1',
+        redirectTo: 'tab1',
         pathMatch: 'full'
       }
     ]
-  },
-  {
-    path: '',
-    redirectTo: '/tabs/tab1',
-    pathMatch: 'full'
   }
 ];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
 })
-export class TabsPageRoutingModule {}
+export class TabsPageRoutingModule {}