Browse Source

工厂

master
maochaoying 2 years ago
parent
commit
39080169d9
  1. 9
      src/common/utils.js
  2. 10
      src/components/TopNav/index.vue
  3. 10
      src/views/Index/index.vue

9
src/common/utils.js

@ -166,15 +166,18 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
animateCSS('#mechanical_drive_ani', aniName)
}
if (activeIndex == 12) {
animateCSS('#read_widely_ani', aniName)
animateCSS('#factory_drive_ani', aniName)
}
if (activeIndex == 13) {
animateCSS('#culture_ani', aniName)
animateCSS('#read_widely_ani', aniName)
}
if (activeIndex == 14) {
animateCSS('#culture_ani', aniName)
}
if (activeIndex == 15) {
animateCSS('#post_page_title_ani', aniName)
}
if (activeIndex == 16) {
if (activeIndex == 17) {
animateCSS('#contract_info_ani', aniName)
animateCSS('#contact_hand', aniName)
}

10
src/components/TopNav/index.vue

@ -1,7 +1,7 @@
<template>
<div
:class="
[0, 15].includes(activeIndex)
[0, 16].includes(activeIndex)
? 'header_container'
: 'header_container not_first'
"
@ -14,9 +14,9 @@
软硬件研发
</li>
<li :class="getActiveClass([11])" @click="scrollToPage(11)">结构开发</li>
<li :class="getActiveClass([13])" @click="scrollToPage(13)">关于我们</li>
<li :class="getActiveClass([14])" @click="scrollToPage(14)">加入我们</li>
<li :class="getActiveClass([16])" @click="scrollToPage(16)">联系我们</li>
<li :class="getActiveClass([14])" @click="scrollToPage(14)">关于我们</li>
<li :class="getActiveClass([15])" @click="scrollToPage(15)">加入我们</li>
<li :class="getActiveClass([17])" @click="scrollToPage(17)">联系我们</li>
</ul>
</div>
</template>
@ -69,7 +69,7 @@ const fontColor = () => {
return 'flex_center white'
}
}
if (swiperStore.activeIndex == 15) {
if (swiperStore.activeIndex == 16) {
return 'flex_center white'
}
return 'flex_center font_change'

10
src/views/Index/index.vue

@ -58,19 +58,19 @@
<ReadWidely />
</swiper-slide>
<swiper-slide key="13" virtualIndex="13" class="swiper-no-swiping">
<Culture />
<Factory />
</swiper-slide>
<swiper-slide key="14" virtualIndex="14" class="swiper-no-swiping">
<Recruit />
<Culture />
</swiper-slide>
<swiper-slide key="15" virtualIndex="15" class="swiper-no-swiping">
<IntroVideo />
<Recruit />
</swiper-slide>
<swiper-slide key="16" virtualIndex="16" class="swiper-no-swiping">
<ContactUs />
<IntroVideo />
</swiper-slide>
<swiper-slide key="17" virtualIndex="17" class="swiper-no-swiping">
<Factory />
<ContactUs />
</swiper-slide>
</swiper>
</template>

Loading…
Cancel
Save