fix: 修改底部箭头拉伸问题

src/components/layout/header/HeaderBtn.vue

@@ -28,3 +28,12 @@ export default {
   },
 }
 </script>
+<style lang="scss">
+.header-btn{
+  button{
+    &:hover{
+      background: #CC3C0F;
+    }
+  }
+}
+</style>

src/views/Home/index.vue

@@ -1168,36 +1168,36 @@ export default {
     &.slick-prev {
       left: 0;
       &::before {
-        background: url("../../assets/image/home/prevArrow-default.png")
+        background: url("../../assets/image/home/prevArrow-hover.png")
           no-repeat;
         background-size: 100% 100%;
         content: "";
       }
-      &:hover {
-        &::before {
-          background: url("../../assets/image/home/prevArrow-hover.png")
-            no-repeat;
-          background-size: 100% 100%;
-        }
-      }
+      // &:hover {
+      //   &::before {
+      //     background: url("../../assets/image/home/prevArrow-hover.png")
+      //       no-repeat;
+      //     background-size: 100% 100%;
+      //   }
+      // }
     }
     &.slick-next {
       right: 0;
       display: flex;
       justify-content: flex-end;
       &::before {
-        background: url("../../assets/image/home/nextArrow-default.png")
+        background: url("../../assets/image/home/nextArrow-hover.png")
           no-repeat;
         background-size: 100% 100%;
         content: "";
       }
-      &:hover {
-        &::before {
-          background: url("../../assets/image/home/nextArrow-hover.png")
-            no-repeat;
-          background-size: 100% 100%;
-        }
-      }
+      // &:hover {
+      //   &::before {
+      //     background: url("../../assets/image/home/nextArrow-hover.png")
+      //       no-repeat;
+      //     background-size: 100% 100%;
+      //   }
+      // }
     }
     img {
       vertical-align: middle;
@@ -1262,6 +1262,9 @@ export default {
         &::before {
           width: 9px;
           height: 14px;
+        //   background: url("../../assets/image/home/prevArrow-hover.png")
+        //   no-repeat;
+        // background-size: 100% 100%;
         }
       }
       &.slick-next {
@@ -1269,6 +1272,9 @@ export default {
         &::before {
           width: 9px;
           height: 14px;
+        //   background: url("../../assets/image/home/nextArrow-hover.png")
+        //   no-repeat;
+        // background-size: 100% 100%;
         }
       }
       img {
@@ -1285,15 +1291,23 @@ export default {
       height: 50px;
       margin: 0 10px;
       &.slick-prev {
+        // position: relative;
         &::before {
-          width: 10px;
-          height: 18px;
+          width: 24px;
+          height: 50px;
+          background: url("../../assets/image/home/prevArrow-hover2.png")
+          no-repeat;
+        background-size: 100% 100%;
         }
       }
       &.slick-next {
+        // position: relative;
         &::before {
-          width: 10px;
-          height: 18px;
+          width: 24px;
+          height: 50px;
+          background: url("../../assets/image/home/nextArrow-hover2.png")
+          no-repeat;
+        background-size: 100% 100%;
         }
       }
     }