fix
Before Width: | Height: | Size: 444 KiB After Width: | Height: | Size: 461 KiB |
Before Width: | Height: | Size: 337 KiB After Width: | Height: | Size: 367 KiB |
Before Width: | Height: | Size: 458 KiB After Width: | Height: | Size: 481 KiB |
Before Width: | Height: | Size: 412 KiB After Width: | Height: | Size: 435 KiB |
Before Width: | Height: | Size: 414 KiB After Width: | Height: | Size: 438 KiB |
Before Width: | Height: | Size: 993 KiB After Width: | Height: | Size: 993 KiB |
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 915 KiB |
Before Width: | Height: | Size: 975 KiB |
Before Width: | Height: | Size: 799 KiB |
Before Width: | Height: | Size: 981 KiB |
Before Width: | Height: | Size: 948 KiB |
@ -19,7 +19,7 @@
|
||||
:centeredSlides="true"
|
||||
slidesPerView="3"
|
||||
:spaceBetween="50"
|
||||
:autoplay="{ delay: 1500, disableOnInteraction: false }"
|
||||
:autoplay="{ delay: 3000, disableOnInteraction: false }"
|
||||
:coverflowEffect="{
|
||||
rotate: 0,
|
||||
stretch: 10,
|
||||
@ -222,6 +222,7 @@ function handleScroll() {
|
||||
opacity: 1;
|
||||
border-radius: 12px;
|
||||
border: 3px solid #04d8d8;
|
||||
transform: scale(1.005);
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -22,7 +22,7 @@
|
||||
<swiper
|
||||
@swiper="setHeroSwiper"
|
||||
:slides-per-view="1"
|
||||
:autoplay="{ delay: 3000, disableOnInteraction: false }"
|
||||
:autoplay="{ delay: 4000, disableOnInteraction: false }"
|
||||
:thumbs="{ swiper: heroThumbsSwiper }"
|
||||
:modules="modules"
|
||||
class="hero-big"
|
||||
@ -93,7 +93,7 @@
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { Thumbs, FreeMode, Navigation, EffectFlip } from "swiper";
|
||||
import { Thumbs, FreeMode, Navigation, EffectFlip ,Autoplay} from "swiper";
|
||||
import { Swiper, SwiperSlide } from "swiper/vue";
|
||||
import { HeroList } from "@/configs/information";
|
||||
import "swiper/css";
|
||||
@ -207,7 +207,7 @@ const heroAvatarList = reactive([
|
||||
},
|
||||
]);
|
||||
|
||||
const modules = [FreeMode, Navigation, Thumbs, EffectFlip];
|
||||
const modules = [FreeMode, Navigation, Thumbs, EffectFlip,Autoplay];
|
||||
const heroSwiper = ref(null);
|
||||
const heroThumbsSwiper = ref(null);
|
||||
const activeIndex = ref(0);
|
||||
|
@ -6,6 +6,7 @@
|
||||
:slides-per-view="1"
|
||||
:thumbs="{ swiper: weaponThumbsSwiper }"
|
||||
:modules="modules"
|
||||
:autoplay="{ delay: 3800, disableOnInteraction: false }"
|
||||
:followFinger="false"
|
||||
class="weapon-big"
|
||||
:navigation="{
|
||||
@ -73,14 +74,14 @@
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed } from "vue";
|
||||
import { Thumbs, FreeMode, Navigation } from "swiper";
|
||||
import { Thumbs, FreeMode, Navigation,Autoplay } from "swiper";
|
||||
import { Swiper, SwiperSlide } from "swiper/vue";
|
||||
import Weapon3dLoader from "./WeaponModelLoader.vue";
|
||||
import "swiper/css";
|
||||
import "swiper/css/navigation";
|
||||
import "swiper/css/thumbs";
|
||||
import "swiper/css/free-mode";
|
||||
const modules = [FreeMode, Navigation, Thumbs];
|
||||
const modules = [FreeMode, Navigation, Thumbs,Autoplay];
|
||||
const weaponSwiper = ref(null);
|
||||
const weaponThumbsSwiper = ref(null);
|
||||
const activeIndex = ref(0);
|
||||
|