From a6b19c5a8d9df9d161e25a166502e0066f8a44ea Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Tue, 4 Apr 2023 17:02:15 +0800
Subject: [PATCH] 123

---
 src/components/TopNav/index.vue                    | 25 ++++++++++++++++------
 .../Index/components/SoftHardwareDetail/index.vue  |  9 +++++---
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index 729da83..05339dc 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -7,12 +7,11 @@
     <img :src="logo()" alt="logo" />
     <ul :class="fontColor()">
       <li :class="getActiveClass(0)" @click="scrollToPage(0)">首页</li>
-      <li :class="getActiveClass(1)" @click="scrollToPage(1)">工业设计</li>
-      <li :class="getActiveClass(2)" @click="scrollToPage(2)">软硬件研发</li>
-      <li :class="getActiveClass(3)" @click="scrollToPage(3)">企业文化</li>
-      <li :class="getActiveClass(4)" @click="scrollToPage(4)">关于</li>
-      <li :class="getActiveClass(5)" @click="scrollToPage(5)">招聘</li>
-      <li :class="getActiveClass(6)" @click="scrollToPage(6)">联系</li>
+      <li :class="getActiveClass(3)" @click="scrollToPage(3)">工业设计</li>
+      <li :class="getActiveClass(5)" @click="scrollToPage(5)">软硬件研发</li>
+      <li :class="getActiveClass(13)" @click="scrollToPage(13)">企业文化</li>
+      <li :class="getActiveClass(14)" @click="scrollToPage(14)">招聘</li>
+      <li :class="getActiveClass(15)" @click="scrollToPage(15)">联系</li>
     </ul>
   </div>
 </template>
@@ -20,10 +19,11 @@
 <script setup>
 import Logo1 from '@/assets/img/banner/logo1.png'
 import Logo from '@/assets/img/banner/logo.png'
-import { useSwiperStore } from '@/store'
+import { useSwiperStore, useCountStore } from '@/store'
 import { onMounted, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 const swiperStore = useSwiperStore()
+const countStore = useCountStore()
 const { activeIndex } = storeToRefs(swiperStore)
 
 const getActiveClass = index => {
@@ -34,7 +34,18 @@ const getActiveClass = index => {
 }
 
 const scrollToPage = index => {
+  // 让数字动
   swiperStore.swiper.slideTo(index, 1000, false)
+  if (index == 3) {
+    setTimeout(() => {
+      countStore.countAdd()
+    })
+  }
+  if (index == 5) {
+    setTimeout(() => {
+      countStore.countAddI()
+    })
+  }
 }
 
 const logo = () => {
diff --git a/src/views/Index/components/SoftHardwareDetail/index.vue b/src/views/Index/components/SoftHardwareDetail/index.vue
index ff75aa5..34bb10c 100644
--- a/src/views/Index/components/SoftHardwareDetail/index.vue
+++ b/src/views/Index/components/SoftHardwareDetail/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="wrap">
-    <div class="hardware_detail_container" id="hardware_detail_container">
+    <div class="hardware_detail_container" id="hardware_detail_container_dian">
       <div class="empty" v-if="showEmpty"></div>
       <div class="contract_title">
         <p class="line"></p>
@@ -33,8 +33,11 @@ import { handleScreenAuto } from '@/common/utils'
 import Card from './Card'
 const showEmpty = ref(false)
 onMounted(() => {
-  handleScreenAuto(showEmpty, '#hardware_detail_container')
-  window.onresize = handleScreenAuto(showEmpty, '#hardware_detail_container')
+  handleScreenAuto(showEmpty, '#hardware_detail_container_dian')
+  window.onresize = handleScreenAuto(
+    showEmpty,
+    '#hardware_detail_container_dian',
+  )
 })
 </script>