update

src/components/GameSwiper.vue

@@ -30,6 +30,7 @@
               v-for="(slide, index) in slides" 
               :key="index" 
               :class="['carousel-slide', { active: currentIndex === index }]"
+              :style="{ backgroundImage: `url(${slide.border})` }"
             >
               <img v-show="slide.show" class="complete-icon" src="../assets/images/new/complete-icon.webp" alt="已完成">
               <img class="slider-img" :src="slide.image" :alt="slide.title" />
@@ -73,6 +74,12 @@ import slider4 from '../assets/images/new/slider4.webp';
 import slider5 from '../assets/images/new/slider5.webp';
 import { globalStore } from "../globalstore.js";
 
+import gameBorder1 from '../assets/images/new/game1-border.webp'
+import gameBorder2 from '../assets/images/new/game2-border.webp'
+import gameBorder3 from '../assets/images/new/game3-border.webp'
+import gameBorder4 from '../assets/images/new/game4-border.webp'
+import gameBorder5 from '../assets/images/new/game5-border.webp'
+
 const props = defineProps({
   show: false,
 })
@@ -86,30 +93,35 @@ const slides = ref([
     title: '轮播图1',
     id: 1,
     show: true,
+    border: gameBorder1,
   },
   {
     image: slider2,
     title: '轮播图2',
     id: 2,
     show: true,
+    border: gameBorder2,
   },
   {
     image: slider3,
     title: '轮播图3',
     id: 3,
     show: true,
+    border: gameBorder3,
   },
   {
     image: slider4,
     title: '轮播图4',
     id: 4,
     show: true,
+    border: gameBorder4,
   },
   {
     image: slider5,
     title: '轮播图5',
     id: 5,
     show: true,
+    border: gameBorder5,
   }
 ])
 
@@ -355,6 +367,10 @@ onUnmounted(() => {
   left: 2vw;
   top: -2vw;
 }
+.slider-img {
+  padding-top: 1.4vw;
+  padding-left: 0.5vw;
+}
 
 .scene-item {
   position: fixed;
@@ -446,11 +462,10 @@ onUnmounted(() => {
 
 .carousel-slide {
   width: 100%;
-  height: 112.7vw;
+  height: 115.7vw;
   padding: 5vw;
   background-size: cover;
   background-position: center;
-  background-image: url('../assets/images/new/border-img.webp');
 
   /* 100% - 160px -> 100% - 42.67vw (160/375*100) */
   min-width: calc(100% - 42.67vw);