修改首页要闻左侧轮播图左右箭头不显示问题

src/main.js

@@ -5,10 +5,8 @@ import router from "./router/index";
 import store from "./vuex/store";
 import $ from "jquery";
 import "./assets/css/_reset.css";
-// import "bootstrap/dist/css/bootstrap.min.css";
 // import "./assets/css/main.scss";
 import "./assets/css/layout.scss";
-// import "bootstrap/dist/js/bootstrap.min.js";
 import "./plugins/element.js";
 import "./plugins/qrcode.js";
 import ElementUI from 'element-ui'

src/views/Home/index.vue

@@ -1415,18 +1415,10 @@ export default {
       left: 0;
 
       &::before {
-        background: url("../../assets/image/home/prevArrow-hover.png") no-repeat;
+        // 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%;
-      //   }
-      // }
     }
 
     &.slick-next {
@@ -1435,18 +1427,11 @@ export default {
       justify-content: flex-end;
 
       &::before {
-        background: url("../../assets/image/home/nextArrow-hover.png") no-repeat;
+        // 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%;
-      //   }
-      // }
     }
 
     img {
@@ -1466,6 +1451,7 @@ export default {
         &::before {
           width: 10px;
           height: 18px;
+          background: url("../../assets/image/home/prevArrow-hover.png") no-repeat;
         }
       }
 
@@ -1477,6 +1463,7 @@ export default {
         &::before {
           width: 10px;
           height: 18px;
+          background: url("../../assets/image/home/nextArrow-hover.png") no-repeat;
         }
       }
     }
@@ -1513,32 +1500,40 @@ export default {
   }
 
   .newsBanner {
+    
     .slick-arrow {
       width: 40px;
       height: 50px;
       margin: 0 10px;
-
-      &.slick-prev {
       position: relative;
-
+      &.slick-prev {
+        width: 40px;
+        height: 50px;
         &::before {
           width: 9px;
           height: 14px;
-          //   background: url("../../assets/image/home/prevArrow-hover.png")
-          //   no-repeat;
-          // background-size: 100% 100%;
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+            background: url("../../assets/image/home/prevArrow-hover.png")
+            no-repeat;
         }
       }
 
       &.slick-next {
-        position: relative;
-
+        width: 40px;
+        height: 50px;
+        // bottom: 0;
         &::before {
           width: 9px;
           height: 14px;
-          //   background: url("../../assets/image/home/nextArrow-hover.png")
-          //   no-repeat;
-          // background-size: 100% 100%;
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+            background: url("../../assets/image/home/nextArrow-hover.png")
+            no-repeat;
         }
       }
 
@@ -1949,7 +1944,6 @@ export default {
         width: 100%;
         text-align: center;
         line-height: 50px;
-
         @include ellipsis;
         a {
           color: rgba(255, 255, 255, 1);