fix

mobile/src/components/home/Banner.vue

@@ -2,7 +2,7 @@
   <div class="banner">
     <div class="content">
       <div class="title">
-        <img src="@/assets/img/mobile-home/banner-slogan.png" alt="" />
+        <img src="@/assets/img/mobile-home/banner-slogan.gif" alt="" />
       </div>
       <div class="download-btns">
         <div class="andriod">
@@ -21,7 +21,7 @@
       </div>
     </div>
     <div class="banner-bg">
-      <img src="@/assets/img/mobile-home/banner-bg.png" alt="" />
+      <img src="@/assets/img/mobile-home/banner-bg.jpg" alt="" />
     </div>
     <div class="banner-bottom">
       <img src="@/assets/img/mobile-home/home-banner-bottom-boder.png" alt="" />

mobile/src/components/home/DameplaySwiperCard.vue

@@ -5,12 +5,13 @@
         :effect="'coverflow'"
         :grabCursor="false"
         :centeredSlides="true"
+        :space-between="-220"
         slidesPerView="2"
         :autoplay="{ delay: 4000, disableOnInteraction: false }"
         :coverflowEffect="{
           rotate: 0,
           stretch: 15,
-          depth: 250,
+          depth: 100,
           modifier: 1,
           slideShadows: false,
         }"
@@ -84,13 +85,14 @@ const handSlideNext = () => {
 .swiper-slide {
   background-position: center;
   background-size: cover;
-  width: 300px;
+  width: 400px;
-  height: 300px;
+  height:400px;
 }
 
 .swiper-slide img {
   display: block;
   width: 100%;
+  // border-radius: 12px;
 }
 .swiper-content {
   position: relative;
@@ -112,8 +114,9 @@ const handSlideNext = () => {
 .swiper-content .swiper-slide {
   position: relative;
   z-index: 0;
-  transform: scale(0.8);
+  // transform: scale(0.8);
   opacity: 0.5;
+   border-radius: 12px;
   transition: all 0.5s ease-in-out;
 }
 
@@ -125,13 +128,13 @@ const handSlideNext = () => {
 
 .swiper-content .swiper-slide.swiper-slide-prev {
   z-index: 2;
-  transform: scale(1.2);
+  transform: scale(0.8);
   opacity: 1;
 }
 
 .swiper-content .swiper-slide.swiper-slide-next {
   z-index: 2;
-  transform: scale(1.2);
+  transform: scale(0.8);
   opacity: 1;
 }
 
@@ -157,4 +160,5 @@ const handSlideNext = () => {
     opacity: 1;
   }
 }
+
 </style>

mobile/src/components/home/HeroSweiper.vue

@@ -52,9 +52,9 @@ const swiperIndex = ref(null);
 const activeIndex = ref(0);
 const setHeroSwiper = (swiper) => {
   swiperIndex.value = swiper;
-  console.log("slide changed", swiper);
+  // console.log("slide changed", swiper);
   swiper.on("slideChange", () => {
-    console.log("slide changed weapon", swiper);
+    // console.log("slide changed weapon", swiper);
     activeIndex.value = swiperIndex.value.activeIndex;
   });
 };

mobile/src/components/home/WeaponSwiper.vue

@@ -59,7 +59,8 @@ const weaponAnimationActive = ref(false);
 const weaponList = reactive([
   {
     id: 1,
-    img: new URL("@/assets/img/mobile-home/weapon/70001.png", import.meta.url).href,
+    img: new URL("@/assets/img/mobile-home/weapon/70001.png", import.meta.url)
+      .href,
     name: new URL(
       "@/assets/img/mobile-home/weapon/Submachine.png",
       import.meta.url
@@ -67,7 +68,8 @@ const weaponList = reactive([
   },
   {
     id: 2,
-    img: new URL("@/assets/img/mobile-home/weapon/70002.png", import.meta.url).href,
+    img: new URL("@/assets/img/mobile-home/weapon/70002.png", import.meta.url)
+      .href,
     name: new URL(
       "@/assets/img/mobile-home/weapon/Shotgun.png",
       import.meta.url
@@ -75,14 +77,16 @@ const weaponList = reactive([
   },
   {
     id: 3,
-    img: new URL("@/assets/img/mobile-home/weapon/70003.png", import.meta.url).href,
+    img: new URL("@/assets/img/mobile-home/weapon/70003.png", import.meta.url)
+      .href,
     name: new URL("@/assets/img/mobile-home/weapon/Sniper.png", import.meta.url)
       .href,
   },
   {
     id: 4,
 
-    img: new URL("@/assets/img/mobile-home/weapon/70004.png", import.meta.url).href,
+    img: new URL("@/assets/img/mobile-home/weapon/70004.png", import.meta.url)
+      .href,
     name: new URL(
       "@/assets/img/mobile-home/weapon/Bazooka.png",
       import.meta.url
@@ -90,19 +94,22 @@ const weaponList = reactive([
   },
   {
     id: 5,
-    img: new URL("@/assets/img/mobile-home/weapon/70005.png", import.meta.url).href,
+    img: new URL("@/assets/img/mobile-home/weapon/70005.png", import.meta.url)
+      .href,
     name: new URL("@/assets/img/mobile-home/weapon/Laser.png", import.meta.url)
       .href,
   },
   {
     id: 6,
-    img: new URL("@/assets/img/mobile-home/weapon/70006.png", import.meta.url).href,
+    img: new URL("@/assets/img/mobile-home/weapon/70006.png", import.meta.url)
+      .href,
     name: new URL("@/assets/img/mobile-home/weapon/Freeze.png", import.meta.url)
       .href,
   },
   {
     id: 7,
-    img: new URL("@/assets/img/mobile-home/weapon/70007.png", import.meta.url).href,
+    img: new URL("@/assets/img/mobile-home/weapon/70007.png", import.meta.url)
+      .href,
     name: new URL("@/assets/img/mobile-home/weapon/Flame.png", import.meta.url)
       .href,
   },
@@ -198,5 +205,4 @@ onMounted(() => {
   right: 0;
   cursor: pointer;
 }
-
 </style>

mobile/src/router/index.js

@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory } from "vue-router";
-import Home from "../views/HomeView.vue";
-import About from "../views/AboutView.vue";
 
+const Home = () => import('../views/HomeView.vue')
+const About = () => import('../views/AboutView.vue')
 const routes = [
   {
     path: "/",
@@ -77,7 +77,7 @@ router.beforeEach((to, from, next) => {
   if (isMobile) {
     next(); // 如果是移动设备，继续导航
   } else {
-    window.location.href = 'https://your-pc-site-url.com'; // 如果是 PC 设备，跳转到 PC 端官网
+    window.location.href = 'https://desktop.cebg.games';
   }
 });