首页轮播按钮样式更改

src/views/Home/index.vue

@@ -1603,15 +1603,16 @@ export default {
       &:hover{
         border: 1.5px solid #0E2C6B;
         box-shadow: 0px 3px 6px 0px rgba(14,44,107,0.21);
+        
       }
       &.slick-prev {
         justify-content: center;
         top: auto;
-        bottom: 31px;
-        transform: translate(0, 0);
+        bottom: 25px;
+        transform: translate(-68px, 0);
         // left: 76%!important;
         left: auto!important;
-        right: 22%!important;
+        right: 17.1%!important;
         &::before {
           width: 24px;
           height: 24px;
@@ -1619,6 +1620,9 @@ export default {
             no-repeat;
           background-size: 100% 100%;
         }
+        &:hover{
+          transform: translate(-68px,-6px);
+        }
       }
 
       &.slick-next {
@@ -1627,12 +1631,12 @@ export default {
         bottom: 25px;
         transform: translate(0, 0);
         right: 17.1%!important;
-         @media screen and (max-width: 1200px) {
-          right: 15%!important;
-        }
-         @media screen and (max-width: 920px) {
-          right: 10%!important;
-        }
+        //  @media screen and (max-width: 1200px) {
+        //   right: 15%!important;
+        // }
+        //  @media screen and (max-width: 920px) {
+        //   right: 10%!important;
+        // }
         &::before {
          width: 24px;
           height: 24px;
@@ -1640,6 +1644,9 @@ export default {
             no-repeat;
           background-size: 100% 100%;
         }
+        &:hover{
+          transform: translate(0,-6px);
+        }
       }
     }