case

src/components/Card.vue

@@ -36,7 +36,7 @@ const toDetail = (productId, classify) => {
   router.push({
     path: `/detail`,
     query: {
-      t: props.classify || classify,
+      t: classify || props.classify,
       p: productId,
     },
   })
@@ -47,7 +47,7 @@ const toDetail = (productId, classify) => {
 .line_cards {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
-  grid-template-rows: repeat(10, 1fr);
+  // grid-template-rows: repeat(10, 1fr);
   column-gap: 7px;
   padding: 0 7px;
   box-sizing: border-box;

src/pages/CaseShow.vue

@@ -19,6 +19,7 @@ import HeadLine from 'cpns/HeadLine'
 import { useRoute } from 'vue-router'
 import { ref, onMounted } from 'vue'
 import { caseList } from '@/mock/case_detail'
+
 const route = useRoute()
 
 const trackList = [

src/pages/Hardware.vue

@@ -3,7 +3,7 @@
     <div class="top_wrap"><Top :hardLogo="true" /></div>
     <img :src="Home1" class="bg" alt="" />
     <NewTrack :hard="true" />
-    <Card :caseList="getData()" />
+    <Card :caseList="getData()" :classify="trackStore.hardwareTab" />
     <HeadLine title="专家" themeTitle="电机控制" />
     <div class="img_wrap">
       <img :src="Dian" class="img" alt="" />
@@ -33,13 +33,20 @@ import Home5 from '@/static/img/newpage/home5.png'
 import Card from 'cpns/Card'
 import Gif1 from '@/static/img/hardware/1.gif'
 import Gif2 from '@/static/img/hardware/2.gif'
-import { caseList, hardCaseList } from '@/mock'
+import { hardCaseList as homeList } from '@/mock'
+import { useTrackStore } from '@/store'
 import NewTrack from 'cpns/NewTrack'
 import { useRoute } from 'vue-router'
+import { caseList } from '@/mock/case_detail'
 const route = useRoute()
+const trackStore = useTrackStore()
 
 const getData = () => {
-  return hardCaseList
+  // 根据激活tab展示产品
+  if (trackStore.hardwareTab == 0) {
+    return homeList
+  }
+  return caseList[parseInt(trackStore.hardwareTab)]
 }
 </script>
 

src/pages/Industry.vue

@@ -3,7 +3,7 @@
     <div class="top_wrap"><Top /></div>
     <img :src="Home1" class="bg" alt="" />
     <NewTrack />
-    <Card :caseList="getData()" />
+    <Card :caseList="getData()" :classify="trackStore.industryTab" />
     <img :src="Home2" class="bg" alt="" />
   </div>
 </template>
@@ -15,12 +15,19 @@ import Home1 from '@/static/img/newpage/abc.png'
 import NewTrack from 'cpns/NewTrack'
 import Home2 from '@/static/img/newpage/home2.png'
 import Card from 'cpns/Card'
-import { caseList, hardCaseList } from '@/mock'
+import { caseList as homeList } from '@/mock'
 import { useRoute } from 'vue-router'
+import { useTrackStore } from '@/store'
+import { caseList } from '@/mock/case_detail'
 const route = useRoute()
+const trackStore = useTrackStore()
 
 const getData = () => {
-  return caseList
+  // 根据激活tab展示产品
+  if (trackStore.industryTab == 0) {
+    return homeList
+  }
+  return caseList[parseInt(trackStore.industryTab)]
 }
 </script>