首页轮播图样式更改为适应1920像素的图片

src/views/Home/index.vue

@@ -22,8 +22,11 @@
                 </div>
               </div>
             </div>
-            <div class="d-none d-lg-block banner-tp">
-              <img :src="el.picIndexPath" alt="" class="container"/>
+<!--            <div class="d-none d-lg-block banner-tp">-->
+<!--              <img :src="el.picIndexPath" alt="" class="container"/>-->
+<!--            </div>-->
+            <div class="banner-bg">
+              <img :src="el.picIndexPath" alt=""/>
             </div>
           </div>
         </div>
@@ -1653,6 +1656,24 @@ export default {
           height: 100%;
         }
       }
+
+      .banner-bg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 8;
+        @media screen and (max-width: 992px) {
+          z-index: -1
+        }
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          -webkit-user-drag: none;
+        }
+      }
     }
   }