add

src/app/basic-training/basic-training.component.html

@@ -0,0 +1,3 @@
+<p>
+  basic-training works!
+</p>

src/app/basic-training/basic-training.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { BasicTrainingComponent } from './basic-training.component';
+
+describe('BasicTrainingComponent', () => {
+  let component: BasicTrainingComponent;
+  let fixture: ComponentFixture<BasicTrainingComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [BasicTrainingComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(BasicTrainingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/basic-training/basic-training.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-basic-training',
+  templateUrl: './basic-training.component.html',
+  styleUrls: ['./basic-training.component.scss'],
+  standalone: true,
+})
+export class BasicTrainingComponent  implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

src/app/tab1/tab1.page.html

@@ -53,7 +53,7 @@
    <!-- 分类 -->
    <div class="features-grid">
     <div class="features-row">
-      <div class="feature-item">
+      <div class="feature-item" (click)="goToBasicTraining()">
         <ion-icon name="basketball-outline"></ion-icon>
         <span>基础训练</span>
       </div>

src/app/tab1/tab1.page.ts

@@ -2,6 +2,7 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonHeader, IonToolbar, IonTitle, IonContent, IonButton, IonCard, IonCardHeader, IonCardTitle, IonCardContent, IonItem, IonLabel, IonList, IonInput, IonTextarea, IonAvatar } from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
 import { CommonModule } from '@angular/common';
+import { Router } from '@angular/router';
 
 interface Slide {
   image: string;
@@ -36,6 +37,10 @@ export class Tab1Page {
     { image: 'assets/tab1.img/5.jpg', alt: '轮播图5' }
   ];
 
+  constructor(
+    private router: Router,
+  ) {
+  }
   currentIndex = 0;
   translateX = 0;
   private autoPlayInterval: any;
@@ -176,5 +181,7 @@ export class Tab1Page {
     this.startAutoPlay();
   }
 
-  
+  goToBasicTraining() {
+    this.router.navigate(['tabs/basic-training']);
+  }
 }

src/app/tabs/tabs.routes.ts

@@ -46,7 +46,11 @@ export const routes: Routes = [
         loadComponent: () =>
           import('../test4/test4.component').then((m) => m.Test4Component),
       },
-      
+      {
+        path: 'basic-training',
+        loadComponent: () =>
+          import('../basic-training/basic-training.component').then((m) => m.BasicTrainingComponent),
+      },
       {
         path: '',
         redirectTo: '/tabs/tab1',