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