浏览代码

分类跳转

CuddleNan 2 天之前
父节点
当前提交
2ac9fd9e88
共有 2 个文件被更改,包括 7 次插入1 次删除
  1. 2 1
      myapp/src/app/tab1/tab1.page.html
  2. 5 0
      myapp/src/app/tab1/tab1.page.ts

+ 2 - 1
myapp/src/app/tab1/tab1.page.html

@@ -48,8 +48,9 @@
         class="category-card" 
         *ngFor="let category of categories"
         (click)="navigateToCategory(category)"
+        
       >
-        <ion-card class="card-hover">
+        <ion-card class="card-hover" (click)="goToTypeList()">
           <ion-card-content class="text-center p-4">
             <!-- <ion-icon [name]="category.icon" class="category-icon"></ion-icon> -->
              <img style="width:64px;border-radius: 10px;" src="/assets/icon/{{category.name}}.jpg" alt="">

+ 5 - 0
myapp/src/app/tab1/tab1.page.ts

@@ -59,6 +59,11 @@ export class Tab1Page implements OnInit {
     }
   }
 
+  goToTypeList() {
+    this.navCtrl.navigateForward(["tabs","tab1","page-type"]);
+    console.log('Navigating to page-type');
+  }
+
   goToDetail() {
     this.navCtrl.navigateForward(["tabs","tab1","page-detail"]);
     console.log('Navigating to page-detail');