Browse Source

feat: route with study

RyaneMax 9 months ago
parent
commit
f0ae6be6c9
2 changed files with 21 additions and 15 deletions
  1. 18 12
      src/app/app-routing.module.ts
  2. 3 3
      src/app/tab1/tab1.page.html

+ 18 - 12
src/app/app-routing.module.ts

@@ -11,21 +11,27 @@ const routes: Routes = [
     loadChildren: () => import('../modules/user/user.module').then(m => m.UserModule)
   },
   {
-    path: 'aigc',
-    loadChildren: () => import('../modules/aigc/aigc.module').then(m => m.AigcModule)
-  },
-  {
-    path: 'tsdatatype',
-    loadChildren: () => import('../modules/study/case-angular/pages/tsdatatype/tsdatatype.module').then( m => m.TsdatatypePageModule)
+    path:"study",
+    children:[
+      {
+        path: 'tsdatatype',
+        loadChildren: () => import('../modules/study/case-angular/pages/tsdatatype/tsdatatype.module').then( m => m.TsdatatypePageModule)
+      },
+      {
+        path: 'slider',
+        loadChildren: () => import('../modules/study/case-js-module/pages/slider/slider.module').then( m => m.SliderPageModule)
+      },
+      {
+        path: 'case-edit',
+        loadChildren: () => import('../modules/study/case-angular/pages/case-edit/case-edit.module').then( m => m.CaseEditPageModule)
+      }
+    ]
   },
   {
-    path: 'slider',
-    loadChildren: () => import('../modules/study/case-js-module/pages/slider/slider.module').then( m => m.SliderPageModule)
+    path: 'aigc',
+    loadChildren: () => import('../modules/aigc/aigc.module').then(m => m.AigcModule)
   },
-  {
-    path: 'case-edit',
-    loadChildren: () => import('../modules/study/case-angular/pages/case-edit/case-edit.module').then( m => m.CaseEditPageModule)
-  }
+ 
 ];
 @NgModule({
   imports: [

+ 3 - 3
src/app/tab1/tab1.page.html

@@ -26,8 +26,8 @@
   <ion-card>
     <ion-card-title>纯静态案例</ion-card-title>
     <ion-card-content>
-      <ion-button expand="block" routerLink="/tsdatatype">语法:TS数据类型与模板</ion-button>
-      <ion-button expand="block" routerLink="/case-edit">交互:输入编辑组件</ion-button>
+      <ion-button expand="block" routerLink="/study/tsdatatype">语法:TS数据类型与模板</ion-button>
+      <ion-button expand="block" routerLink="/study/case-edit">交互:输入编辑组件</ion-button>
     </ion-card-content>
   </ion-card>
 
@@ -37,7 +37,7 @@
       该类组件,一般为js组件,通过types实现的兼容调用
     </ion-card-subtitle>
     <ion-card-content>
-      <ion-button expand="block" routerLink="/slider">展示:Swiper轮播图插件</ion-button>
+      <ion-button expand="block" routerLink="/study/slider">展示:Swiper轮播图插件</ion-button>
     </ion-card-content>
   </ion-card>