修改首页样式影响请其他页面

src/views/Home/index.vue

@@ -3,8 +3,8 @@
     <!-- Banner图 -->
     <div class="banner">
       <VueSlickCarousel v-bind="bannerSettings" v-if="banner.length > 0">
-        <div v-for="(el, i) in banner" :key="i" >
-          <div class="banner-item" :style="{background:el.colorBackground}">
+        <div v-for="(el, i) in banner" :key="i">
+          <div class="banner-item" :style="{ background: el.colorBackground }">
             <div class="container">
               <div class="row">
                 <div class="col-lg-7 carousel-caption-left">
@@ -23,7 +23,7 @@
               </div>
             </div>
             <div class="d-none d-lg-block banner-tp">
-                <img :src="el.picIndexPath" alt="" class="container"/>
+              <img :src="el.picIndexPath" alt="" class="container" />
             </div>
           </div>
         </div>
@@ -1388,8 +1388,7 @@ export default {
       }
     }
   }
-}
-@media screen and (min-width: 992px) {
+  @media screen and (min-width: 992px) {
     .banner {
       .carousel-title {
         font-size: 36px;
@@ -1451,8 +1450,8 @@ export default {
     .H5 {
       display: none;
     }
-}
-@media screen and (max-width: 992px) {
+  }
+  @media screen and (max-width: 992px) {
     .banner {
       .carousel-title {
         font-size: 25px;
@@ -1494,6 +1493,7 @@ export default {
     .H5 {
       display: block;
     }
+  }
 }
 </style>
 <style lang="scss" scoped>
@@ -1800,37 +1800,37 @@ export default {
         margin: 0 auto;
       }
     }
-    .whbsxtcy-row{
-       >div{
+    .whbsxtcy-row {
+      > div {
         height: 128px;
       }
-      .ywdt-tp{
+      .ywdt-tp {
         height: 84px;
         display: flex;
         align-items: center;
       }
     }
-    .wsxtcy-row{
-      >div{
+    .wsxtcy-row {
+      > div {
         height: 106px;
       }
-      .ywdt-tp{
+      .ywdt-tp {
         height: 60px;
         display: flex;
         align-items: center;
       }
     }
-    .wsylqy-row{
+    .wsylqy-row {
       height: 130px;
-      .ywdt-tp{
+      .ywdt-tp {
         height: 70px;
         display: flex;
         align-items: center;
       }
     }
-    .kjywblzq-row{
+    .kjywblzq-row {
       height: 130px;
-      .ywdt-tp{
+      .ywdt-tp {
         height: 70px;
         display: flex;
         align-items: center;
@@ -1942,9 +1942,9 @@ export default {
         height: 300px;
       }
       .spqqsfz-cont-left {
-        .spqqsfz-cont-left-tp{
+        .spqqsfz-cont-left-tp {
           text-align: center;
-          img{
+          img {
             max-height: 100%;
           }
         }