Эх сурвалжийг харах

fix:jump to design-center

0235966 2 долоо хоног өмнө
parent
commit
96c24f9204

+ 1 - 1
cloth-dit-web/src/modules/cloth/color/page/page-home/page-home/page-home.html

@@ -11,7 +11,7 @@
     <app-banner-carousel></app-banner-carousel>
     <app-banner-carousel></app-banner-carousel>
     
     
     <!-- 快速设计入口 -->
     <!-- 快速设计入口 -->
-    <app-quick-design-entry></app-quick-design-entry>
+  <app-quick-design-entry (designClick)="navigateToDesignCenter()"></app-quick-design-entry>
     
     
     <!-- 热门作品 -->
     <!-- 热门作品 -->
     <app-popular-designs></app-popular-designs>
     <app-popular-designs></app-popular-designs>

+ 20 - 0
cloth-dit-web/src/modules/cloth/color/page/page-home/page-home/page-home.ts

@@ -3,6 +3,7 @@ import { BannerCarousel } from '../pages-home/components/banner-carousel/banner-
 import { QuickDesignEntry } from '../pages-home/components/quick-design-entry/quick-design-entry';
 import { QuickDesignEntry } from '../pages-home/components/quick-design-entry/quick-design-entry';
 import { PopularDesigns } from '../pages-home/components/popular-designs/popular-designs';
 import { PopularDesigns } from '../pages-home/components/popular-designs/popular-designs';
 import { AiRecommendation } from '../pages-home/components/ai-recommendation/ai-recommendation';
 import { AiRecommendation } from '../pages-home/components/ai-recommendation/ai-recommendation';
+import { Router } from '@angular/router'; // 添加导入
 @Component({
 @Component({
   selector: 'app-page-home',
   selector: 'app-page-home',
   standalone: true,
   standalone: true,
@@ -14,5 +15,24 @@ import { AiRecommendation } from '../pages-home/components/ai-recommendation/ai-
   styleUrl: './page-home.scss'
   styleUrl: './page-home.scss'
 })
 })
 export class PageHome {
 export class PageHome {
+constructor(private router: Router) {} // 注入Router服务
 
 
+  // 导航到设计中心
+  navigateToDesignCenter() {
+     console.log('正在导航到设计中心');
+    
+    // 修正路径为 /cloth/design-center
+    this.router.navigate(['/cloth', 'design-center'])
+      .then(navResult => {
+        if (navResult) {
+          console.log('导航成功');
+          window.scrollTo(0, 0); // 滚动到页面顶部
+        } else {
+          console.log('导航失败 - 路径未匹配');
+        }
+      })
+      .catch(error => {
+        console.error('导航错误:', error);
+      });
+  }
 }
 }

+ 4 - 3
cloth-dit-web/src/modules/cloth/color/page/page-home/pages-home/components/quick-design-entry/quick-design-entry.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, Output, EventEmitter } from '@angular/core';
 
 
 @Component({
 @Component({
   selector: 'app-quick-design-entry',
   selector: 'app-quick-design-entry',
@@ -6,9 +6,10 @@ import { Component } from '@angular/core';
   styleUrls: ['./quick-design-entry.scss']
   styleUrls: ['./quick-design-entry.scss']
 })
 })
 export class QuickDesignEntry {
 export class QuickDesignEntry {
-  // 添加 startDesign 方法
+  @Output() designClick = new EventEmitter<void>();
+  
   startDesign() {
   startDesign() {
     console.log('开始设计流程');
     console.log('开始设计流程');
-    // 这里可以添加开始设计的逻辑
+    this.designClick.emit(); // 发射点击事件
   }
   }
 }
 }