.

src/pages/Test.vue

       <div class="slider-wrapper">
         <!-- 左滑动 -->
         <div class="body-swiper-left">
-          <img style="width:70%;position: relative; right: -1vw;" src="../assets/buttonImage/2左滑.png" />
+          <img src="../assets/buttonImage/2左滑.png" />
         </div>
 
         <!-- swiper -->
 
         <!-- 右滑动 -->
         <div class="body-swiper-right">
-          <img style="width:70%;position: relative; right: -1vw;" src="../assets/buttonImage/3右滑.png" />
+          <img src="../assets/buttonImage/3右滑.png" />
         </div>
       </div>
       <div class="button-img" @click="() => this.$router.push('/signup')">
 
 <style lang="scss" scoped>
 .index-box {
-  width: 100vw;
-  height: 100vh;
-  display: flex;
   .bg-image {
     width: 100%;
     height: 100vh;
     position: absolute;
     width: 100vw;
     top: 47.5vh;
-    display: flex;
-
-    .slider-wrapper {
-      width: 100%;
-      position: relative;
-    }
-
     &-left {
-      left: 1vw;
+      left: 2vw;
     }
 
     &-right {
-      right: 1vw;
+      right: 2vw;
     }
 
     &-left,
       position: absolute;
       display: flex;
       align-items: center;
-      margin: 0 auto;
-      z-index: 10;
       top: -2vh;
       height: 100%;
-      width: 6vw;
+      width: 5vw;
+      img {
+        width: 100%;
+      }
     }
     &-middle {
       width: 100%;