diff --git a/src/assets/img/home/gameplay.png b/src/assets/img/home/gameplay.png
index afcf576..c178bde 100644
Binary files a/src/assets/img/home/gameplay.png and b/src/assets/img/home/gameplay.png differ
diff --git a/src/components/home/ChipCard.vue b/src/components/home/ChipCard.vue
index 1f2dca2..495b20e 100644
--- a/src/components/home/ChipCard.vue
+++ b/src/components/home/ChipCard.vue
@@ -45,9 +45,9 @@
         </div>
         <!-- <div class="chip-top"></div> -->
       </div>
-      <div class="chip-bg">
+      <!-- <div class="chip-bg">
         <img src="@/assets/img/home/weapon-bg.png" alt="" />
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
diff --git a/src/components/home/GameGallerp.vue b/src/components/home/GameGallerp.vue
index 7383c4f..035e09d 100644
--- a/src/components/home/GameGallerp.vue
+++ b/src/components/home/GameGallerp.vue
@@ -175,12 +175,14 @@ function handleScroll() {
     padding-top: 157px;
     padding-bottom: 310px;
     position: relative;
+
     z-index: 3;
     .gallery-title {
       width: 573px;
       height: 60px;
       margin: 0 auto;
-      font-size: 108px;
+      text-align: center;
+      font-size: 76px;
       font-family: "Big John";
 
       color: #0f0e0e;
diff --git a/src/components/home/GameIntroduction.vue b/src/components/home/GameIntroduction.vue
index 531014f..b20bdba 100644
--- a/src/components/home/GameIntroduction.vue
+++ b/src/components/home/GameIntroduction.vue
@@ -17,15 +17,15 @@
       </div>
     </div>
     <div class="content">
-      <div v-if="activeTab === 0">
-        <HeroCard></HeroCard>
-      </div>
-      <div v-if="activeTab === 1">
-        <WeaponCard></WeaponCard>
-      </div>
-      <div v-if="activeTab === 2">
-        <ChipCard></ChipCard>
-      </div>
+      <transition name="fade">
+        <div class="item">
+          <XyzTransitionGroup class="item-group" xyz="fade-100%">
+            <HeroCard v-if="activeTab === 0"></HeroCard>
+            <WeaponCard v-if="activeTab === 1"></WeaponCard>
+            <ChipCard v-if="activeTab === 2"></ChipCard>
+          </XyzTransitionGroup>
+        </div>
+      </transition>
     </div>
     <div class="game-bg">
       <img src="@/assets/img/home/weapon-bg.png" alt="" />
@@ -65,6 +65,9 @@ function handactiveTab(index) {
   .tabs {
     width: 1440px;
     margin: 0 auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
   .game-bg {
     position: absolute;
@@ -114,4 +117,13 @@ function handactiveTab(index) {
 .tab.active {
   background-color: #f00;
 }
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>
diff --git a/src/components/home/HeroCard.vue b/src/components/home/HeroCard.vue
index 7c99ae4..34b94f7 100644
--- a/src/components/home/HeroCard.vue
+++ b/src/components/home/HeroCard.vue
@@ -12,9 +12,9 @@
           >
             HERO
           </div>
-          <div class="hero-bg">
+          <!-- <div class="hero-bg">
             <img src="@/assets/img/home/weapon-bg.png" alt="" />
-          </div>
+          </div> -->
         </div>
         <div class="centent-right"></div>
       </div>
diff --git a/src/components/home/WeaponCard.vue b/src/components/home/WeaponCard.vue
index d18d45e..90e9eef 100644
--- a/src/components/home/WeaponCard.vue
+++ b/src/components/home/WeaponCard.vue
@@ -22,9 +22,9 @@
         </div> -->
         <WeaponSwiper></WeaponSwiper>
       </div>
-      <div class="weapon-bg">
+      <!-- <div class="weapon-bg">
         <img src="@/assets/img/home/weapon-bg.png" alt="" />
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
diff --git a/src/components/home/WeaponSwiper.vue b/src/components/home/WeaponSwiper.vue
index 5bed496..5fc4551 100644
--- a/src/components/home/WeaponSwiper.vue
+++ b/src/components/home/WeaponSwiper.vue
@@ -22,7 +22,7 @@
     <div class="thumbs_weapon_container">
       <Swiper
         @swiper="setWeaponThumbsSwiper"
-        :slides-per-view="7"
+        :slides-per-view="4"
         :modules="modules"
         :space-between="23"
         class="weaponThumbs"
diff --git a/src/components/home/WhatCebg.vue b/src/components/home/WhatCebg.vue
index 944d6fc..bbcbd8f 100644
--- a/src/components/home/WhatCebg.vue
+++ b/src/components/home/WhatCebg.vue
@@ -101,7 +101,7 @@
 
 <script setup>
 import { ref, onMounted } from "vue";
-import BgSwitchButton from "./BgSwitchButton.vue";
+
 const Y1 = ref(0);
 const ratio = ref(0.2); //视差偏移率
 const isPveTab = ref(false);
@@ -123,8 +123,7 @@ function handleScroll() {
     document.documentElement.scrollTop ||
     document.body.scrollTop;
   positionY1.value = Y1.value - scrollTop * ratio.value; //原始高度-滚动距离*视差系数
-  // console.log(mTab.value, "mTab");
-  console.log(positionY1.value + "-------------------3");
+  
 }
 </script>
 
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1bbdfe3..4c2072e 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -4,10 +4,6 @@
     <Banner></Banner>
     <WhatCebg></WhatCebg>
     <GameIntroduction></GameIntroduction>
-    <!-- <HeroCard></HeroCard>
-    <WeaponCard></WeaponCard>
-    <ChipCard></ChipCard> -->
-    <!-- <vue3dLoader filePath="/70001.gltf" :height="800"></vue3dLoader> -->
     <GameGallerp></GameGallerp>
     <FooterBar></FooterBar>
   </div>
@@ -17,8 +13,6 @@ import NavBar from "@/components/home/NavBar.vue";
 import Banner from "@/components/home/Banner.vue";
 import WhatCebg from "@/components/home/WhatCebg.vue";
 import GameIntroduction  from "@/components/home/GameIntroduction.vue";
-import WeaponCard  from "@/components/home/WeaponCard.vue";
-import ChipCard  from "@/components/home/ChipCard.vue";
 import GameGallerp from "@/components/home/GameGallerp.vue";
 import FooterBar from "@/components/home/FooterBar.vue";
 </script>