|
|
@ -3,7 +3,6 @@ |
|
|
|
<swiper |
|
|
|
:slidesPerView="1" |
|
|
|
:spaceBetween="0" |
|
|
|
:loop="true" |
|
|
|
:pagination="{ |
|
|
|
clickable: true, |
|
|
|
}" |
|
|
@ -11,6 +10,7 @@ |
|
|
|
:modules="modules" |
|
|
|
class="mySwiper" |
|
|
|
@swiper="onSwiper" |
|
|
|
@slideChange="onSlideChange" |
|
|
|
> |
|
|
|
<swiper-slide><img :src="B1" class="banner" alt="" /></swiper-slide> |
|
|
|
<swiper-slide><img :src="B2" class="banner" alt="" /></swiper-slide> |
|
|
@ -21,7 +21,7 @@ |
|
|
|
<div class="summar_wrap"> |
|
|
|
<Summarize :page="page" /> |
|
|
|
</div> |
|
|
|
<div class="top_wrap"><Top /></div> |
|
|
|
<div class="top_wrap"><Top :isFirstSwiper="isFirstSwiper" /></div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -39,9 +39,19 @@ import { Pagination, Navigation } from 'swiper' |
|
|
|
const modules = [Pagination, Navigation] |
|
|
|
import { ref } from 'vue' |
|
|
|
const sw = ref(null) |
|
|
|
const isFirstSwiper = ref(true) |
|
|
|
const onSwiper = swiper => { |
|
|
|
sw.value = swiper |
|
|
|
} |
|
|
|
const onSlideChange = swiper => { |
|
|
|
const { isBeginning } = swiper |
|
|
|
console.log(isBeginning) |
|
|
|
if (isBeginning) { |
|
|
|
isFirstSwiper.value = true |
|
|
|
} else { |
|
|
|
isFirstSwiper.value = false |
|
|
|
} |
|
|
|
} |
|
|
|
const preSwiper = () => { |
|
|
|
sw.value?.slidePrev(500, false) |
|
|
|
} |
|
|
|