fix: dirs with study case

src/app/app-routing.module.ts

@@ -16,15 +16,15 @@ const routes: Routes = [
   },
   {
     path: 'tsdatatype',
-    loadChildren: () => import('./tsdatatype/tsdatatype.module').then( m => m.TsdatatypePageModule)
+    loadChildren: () => import('../modules/study/case-angular/pages/tsdatatype/tsdatatype.module').then( m => m.TsdatatypePageModule)
   },
   {
     path: 'slider',
-    loadChildren: () => import('./slider/slider.module').then( m => m.SliderPageModule)
+    loadChildren: () => import('../modules/study/case-js-module/pages/slider/slider.module').then( m => m.SliderPageModule)
   },
   {
     path: 'case-edit',
-    loadChildren: () => import('./case-edit/case-edit.module').then( m => m.CaseEditPageModule)
+    loadChildren: () => import('../modules/study/case-angular/pages/case-edit/case-edit.module').then( m => m.CaseEditPageModule)
   }
 ];
 @NgModule({

src/app/tab1/tab1.page.html

@@ -1,7 +1,7 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
-      使用说明
+      教学案例库
     </ion-title>
   </ion-toolbar>
 </ion-header>
@@ -9,15 +9,45 @@
 <ion-content [fullscreen]="true">
   <ion-header collapse="condense">
     <ion-toolbar>
-      <ion-title size="large">使用说明</ion-title>
+      <ion-title size="large">教学案例库</ion-title>
     </ion-toolbar>
   </ion-header>
 
+  <ion-segment [(ngModel)]="currentTab">
+    <ion-segment-button value="static">
+      纯静态案例
+    </ion-segment-button>
+    <ion-segment-button value="parse">
+      微服务案例
+    </ion-segment-button>
+  </ion-segment>
   <div *ngIf="safeHTML" [innerHTML]="safeHTML"></div>
-  <ion-button expand="block" routerLink="/tsdatatype">示例：TS数据类型与模板</ion-button>
-  <ion-button expand="block" routerLink="/slider">示例：Swiper轮播图插件</ion-button>
-  <ion-button expand="block" routerLink="/case-edit">示例：输入编辑组件</ion-button>
-  <ion-button expand="block" routerLink="/tabs/tab2">示例：通讯录列表</ion-button>
-  <ion-button expand="block" (click)="openGit()">代码：study-ng-contact</ion-button>
-  <ion-button expand="block" routerLink="/aigc/chat">示例：AI对话示例</ion-button>
+  
+  <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-card-content>
+  </ion-card>
+
+  <ion-card>
+    <ion-card-title>第三方组件(非Angular)</ion-card-title>
+    <ion-card-subtitle>
+      该类组件,一般为js组件,通过types实现的兼容调用
+    </ion-card-subtitle>
+    <ion-card-content>
+      <ion-button expand="block" routerLink="/slider">展示：Swiper轮播图插件</ion-button>
+    </ion-card-content>
+  </ion-card>
+
+  <ion-card>
+    <ion-card-title>微服务案例</ion-card-title>
+    <ion-card-content>
+      <ion-button expand="block" (click)="openGit()">代码：study-ng-contact</ion-button>
+      <ion-button expand="block" routerLink="/tabs/tab2">示例：通讯录列表</ion-button>
+      <ion-button expand="block" routerLink="/aigc/chat">示例：AI对话示例</ion-button>
+    </ion-card-content>
+  </ion-card>
+
 </ion-content>

src/app/tab1/tab1.page.ts

@@ -8,6 +8,7 @@ import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 })
 export class Tab1Page {
 
+  currentTab:string = "static"
   safeHTML: SafeResourceUrl|undefined
   constructor(private domSan:DomSanitizer) {
     this.safeHTML = domSan.bypassSecurityTrustHtml(``)

src/app/case-edit/case-edit.module.ts → src/modules/study/case-angular/pages/case-edit/case-edit.module.ts

@@ -7,7 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { CaseEditPageRoutingModule } from './case-edit-routing.module';
 
 import { CaseEditPage } from './case-edit.page';
-import { EditRatioStarComponent } from '../edit-ratio-star/edit-ratio-star.component';
+import { EditRatioStarComponent } from '../../comps/edit-ratio-star/edit-ratio-star.component';
 
 @NgModule({
   imports: [

src/modules/study/case-js-module/case-edit/case-edit.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { CaseEditPageRoutingModule } from './case-edit-routing.module';
+
+import { CaseEditPage } from './case-edit.page';
+import { EditRatioStarComponent } from '../../case-angular/comps/edit-ratio-star/edit-ratio-star.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    CaseEditPageRoutingModule,
+    EditRatioStarComponent
+  ],
+  declarations: [CaseEditPage]
+})
+export class CaseEditPageModule {}

src/modules/study/study.module.ts

@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule
-  ]
-})
-export class StudyModule { }