fix

src/components/home/WeaponSwiper.vue

@@ -17,7 +17,7 @@
           v-for="(slideContent, index) in weaponListBig"
           :key="index"
         >
-          <img :src="weapoName[index].name" alt="" />
+          <div class="weapon-name" ><img :src="weapoName[index].name" alt="" /></div>
           <Weapon3dLoader :filePath="slideContent.url"></Weapon3dLoader>
         </SwiperSlide>
       </swiper>
@@ -75,7 +75,7 @@
 import { ref, reactive, computed } from "vue";
 import { Thumbs, FreeMode, Navigation } from "swiper";
 import { Swiper, SwiperSlide } from "swiper/vue";
-import Weapon3dLoader from "./Weapon3DLoader.vue";
+import Weapon3dLoader from "./WeaponModelLoader.vue";
 import "swiper/css";
 import "swiper/css/navigation";
 import "swiper/css/thumbs";
@@ -105,23 +105,17 @@ const weaponListBig = reactive([
 const weapoName = reactive([
   {
     name: require("@/assets/img/home/weapon/name-7001.png"),
-  },
-  {
+  },{
     name: require("@/assets/img/home/weapon/name-7002.png"),
-  },
-  {
+  },{
     name: require("@/assets/img/home/weapon/name-7003.png"),
-  },
-  {
+  }, {
     name: require("@/assets/img/home/weapon/name-7004.png"),
-  },
-  {
+  }, {
     name: require("@/assets/img/home/weapon/name-7005.png"),
-  },
-  {
+  },{
     name: require("@/assets/img/home/weapon/name-7006.png"),
-  },
-  {
+  },{
     name: require("@/assets/img/home/weapon/name-7007.png"),
   },
 ]);
@@ -161,13 +155,16 @@ function test(index, sc) {
 .big_weapon {
   width: 1440px;
   // margin-left: 156px;
-  height: 500px;
+  height: 600px;
   margin: 0 auto;
   display: flex;
+  position: relative;
   justify-content: center;
-  // position: absolute;
-  // left: 156px;
-  // bottom: -460px;
+  .weapon-name{
+   position: absolute;
+   left: 100px;
+   top: 40px;
+  }
 }
 // .weapon_big_image {
 //   width:400px;
@@ -243,6 +240,7 @@ function test(index, sc) {
 }
 .weapon-bg {
   position: relative;
+ 
 }
 .weapon-bg::before {
   position: absolute;