fix

src/components/home/ChipCard.vue

@@ -45,12 +45,16 @@ let ma;
     .title{
       padding-top: 78px;
       display: flex;
+      padding-bottom: 30px;
       justify-content: center;
     }
     .container {
+      width: 85%;
+      margin: 0 auto;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
+      padding-bottom: 298px;
     }
     .grid {
       display: grid;

src/components/home/GameIntroduction.vue

@@ -29,7 +29,8 @@
       <!-- <div class="btn-demo"> </div> -->
     </div>
     <div class="game-bg">
-      <img src="@/assets/img/home/weapon-bg.jpg" alt="" />
+      <img  v-show="activeTab === 1"  src="@/assets/img/home/weapon-bg.jpg" alt="" />
+      <img  v-show="activeTab !== 1"  src="@/assets/img/home/chip-bg.png" alt="" />
     </div>
   </div>
 </template>

src/components/home/WeaponCard.vue

@@ -3,6 +3,7 @@
     <div class="weapon-swiper">
       <div class="weapon">
         <WeaponSwiper></WeaponSwiper>
+     
       </div>
     </div>
   </div>