maochaoying 2 years ago
parent
commit
a6b19c5a8d
  1. 25
      src/components/TopNav/index.vue
  2. 9
      src/views/Index/components/SoftHardwareDetail/index.vue

25
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 = () => {

9
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>

Loading…
Cancel
Save