From 1e86df7937a99cc7ecd5229b65a54613aa6f38b4 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Sun, 25 Jun 2023 15:42:13 +0800
Subject: [PATCH] news

---
 src/components/News.vue | 16 ++++++++++++----
 src/components/Top.vue  |  1 -
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/News.vue b/src/components/News.vue
index afcad01..61c8cb7 100644
--- a/src/components/News.vue
+++ b/src/components/News.vue
@@ -4,15 +4,15 @@
     <div class="card_wrap">
       <div class="card" v-for="(item, index) in newsList" :key="item.id">
         <div :class="activeTab == item.id ? 'header active' : 'header'">
-          <div class="wrap">
+          <div class="wrap" @click="changeActiveWrap(item.id)">
             <img class="icon" :src="item.icon" />
             <p class="font">{{ item.title }}</p>
           </div>
         </div>
-        <img class="img" :src="item.list[index].pic" />
+        <img class="img" :src="getList()[index].pic" />
         <div class="bottom">
-          <p class="title">{{ item.list[index].productTitle }}</p>
-          <p class="desc">{{ item.list[index].desc }}</p>
+          <p class="title">{{ getList()[index].productTitle }}</p>
+          <p class="desc">{{ getList()[index].desc }}</p>
         </div>
       </div>
     </div>
@@ -24,6 +24,14 @@ import HeadLine from 'cpns/HeadLine'
 import { newsList } from '@/mock'
 import { ref } from 'vue'
 const activeTab = ref(1)
+const changeActiveWrap = id => {
+  activeTab.value = id
+}
+
+const getList = () => {
+  const arr = newsList.filter(item => item.id == activeTab.value)
+  return arr[0].list
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/Top.vue b/src/components/Top.vue
index b6c3da2..b612202 100644
--- a/src/components/Top.vue
+++ b/src/components/Top.vue
@@ -55,7 +55,6 @@ const scrollToTop = () => {
     window.pageYOffset ||
     document.documentElement.scrollTop ||
     document.body.scrollTop
-  console.log(scrollTop)
   if (scrollTop == 0) {
     istop.value = true
   } else {