newcebg
huangjinming
|
Before Width: | Height: | Size: 89 KiB After Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 101 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
@ -40,8 +40,8 @@
|
||||
prevEl: '.swiper-btn2-prev',
|
||||
}"
|
||||
>
|
||||
<SwiperSlide v-for="(slideContent, index) in heroList" :key="index">
|
||||
<img class="hero_big_image" :src="slideContent.img" />
|
||||
<SwiperSlide v-for="(item, index) in heroList" :key="index">
|
||||
<img class="hero_big_image" :src="item.img" />
|
||||
</SwiperSlide>
|
||||
</swiper>
|
||||
<!-- <div
|
||||
@ -71,7 +71,7 @@
|
||||
:centeredSlidesBounds="true"
|
||||
:multipleActiveThumbs="false"
|
||||
>
|
||||
<SwiperSlide v-for="(slideContent, index) in heroList" :key="index">
|
||||
<SwiperSlide v-for="(slideContent, index) in heroAvatarList" :key="index">
|
||||
<div class="hero_thumb">
|
||||
<img class="hero_thumb_img" :src="slideContent.img" />
|
||||
<div v-if="test(index, slideContent)" class="weapon-bg">
|
||||
@ -116,6 +116,18 @@ const heroList = reactive([
|
||||
{ id: 9, img: require("@/assets/img/home/hero/009.png"), name: "ChipCard" },
|
||||
{ id: 10, img: require("@/assets/img/home/hero/010.png"), name: "ChipCard" },
|
||||
]);
|
||||
const heroAvatarList = reactive([
|
||||
{ id: 1, img: require("@/assets/img/home/hero/avatar/0001.png"), name: "midif" },
|
||||
{ id: 2, img: require("@/assets/img/home/hero/avatar/0002.png"), name: "ChipCard" },
|
||||
{ id: 3, img: require("@/assets/img/home/hero/avatar/0003.png"), name: "ChipCard" },
|
||||
{ id: 4, img: require("@/assets/img/home/hero/avatar/0004.png"), name: "ChipCard" },
|
||||
{ id: 5, img: require("@/assets/img/home/hero/avatar/0005.png"), name: "ChipCard" },
|
||||
{ id: 6, img: require("@/assets/img/home/hero/avatar/0006.png"), name: "ChipCard" },
|
||||
{ id: 7, img: require("@/assets/img/home/hero/avatar/0007.png"), name: "ChipCard" },
|
||||
{ id: 8, img: require("@/assets/img/home/hero/avatar/0008.png"), name: "ChipCard" },
|
||||
{ id: 9, img: require("@/assets/img/home/hero/avatar/0009.png"), name: "ChipCard" },
|
||||
{ id: 10, img: require("@/assets/img/home/hero/avatar/0010.png"), name: "ChipCard" },
|
||||
]);
|
||||
|
||||
const modules = [FreeMode, Navigation, Thumbs];
|
||||
const heroSwiper = ref(null);
|
||||
|
||||