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

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,8 +23,8 @@
               </div>
             </div>
             <div class="d-none d-lg-block banner-tp">
-                <img :src="el.picIndexPath" alt="" class="container"/>
-              </div>
+              <img :src="el.picIndexPath" alt="" class="container" />
+            </div>
           </div>
         </div>
         <template #prevArrow>
@@ -1388,111 +1388,111 @@ export default {
       }
     }
   }
-}
-@media screen and (min-width: 992px) {
-  .banner {
-    .carousel-title {
-      font-size: 36px;
-      line-height: 60px;
+  @media screen and (min-width: 992px) {
+    .banner {
+      .carousel-title {
+        font-size: 36px;
+        line-height: 60px;
+      }
+      .slick-arrow {
+        &.slick-prev {
+          left: 38%;
+        }
+        &.slick-next {
+          right: 38%;
+        }
+      }
     }
-    .slick-arrow {
-      &.slick-prev {
-        left: 38%;
+    .cate {
+      margin: 30px 0;
+    }
+    .ywzxdfgj {
+      padding: 30px 0;
+    }
+    .dzfwDialog-width {
+      width: 980px;
+      margin: 0 auto;
+      position: relative;
+    }
+    .dzfwMessage {
+      width: auto;
+    }
+    .newsBanner {
+      width: 89.5%;
+      height: 427px !important;
+      .newsBannerB {
+        .newsBanner-title {
+          font-size: 18px;
+        }
       }
-      &.slick-next {
-        right: 38%;
+    }
+    .home-bottom-cont {
+      > div {
+        width: 24.4%;
       }
     }
-  }
-  .cate {
-    margin: 30px 0;
-  }
-  .ywzxdfgj {
-    padding: 30px 0;
-  }
-  .dzfwDialog-width {
-    width: 980px;
-    margin: 0 auto;
-    position: relative;
-  }
-  .dzfwMessage {
-    width: auto;
-  }
-  .newsBanner {
-    width: 89.5%;
-    height: 427px !important;
-    .newsBannerB {
-      .newsBanner-title {
-        font-size: 18px;
+    .spqqsfz {
+      margin-top: 30px;
+      .spqqsfz-cont-left {
+        .spqqsfz-cont-left-tp {
+          height: 100%;
+          position: absolute;
+          left: 0;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
       }
     }
-  }
-  .home-bottom-cont {
-    > div {
-      width: 24.4%;
+    .pc {
+      display: block;
+    }
+    .H5 {
+      display: none;
     }
   }
-  .spqqsfz {
-    margin-top: 30px;
-    .spqqsfz-cont-left {
-      .spqqsfz-cont-left-tp {
-        height: 100%;
-        position: absolute;
-        left: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
+  @media screen and (max-width: 992px) {
+    .banner {
+      .carousel-title {
+        font-size: 25px;
+        line-height: 30px;
       }
     }
-  }
-  .pc {
-    display: block;
-  }
-  .H5 {
-    display: none;
-  }
-}
-@media screen and (max-width: 992px) {
-  .banner {
-    .carousel-title {
-      font-size: 25px;
-      line-height: 30px;
+    .newsBanner {
+      .newsBannerB {
+        .newsBanner-title {
+          font-size: 13px;
+        }
+      }
     }
-  }
-  .newsBanner {
-    .newsBannerB {
-      .newsBanner-title {
-        font-size: 13px;
+    .cate {
+      margin: 20px 0;
+    }
+    .dzfwDialog-width {
+      width: 140px;
+      margin: 0 auto;
+      position: relative;
+    }
+    .dzfwMessage {
+      width: 120px;
+    }
+    .spqqsfz {
+      margin-top: 20px;
+      .spqqsfz-cont-right {
+        background: #e25020 !important;
       }
     }
-  }
-  .cate {
-    margin: 20px 0;
-  }
-  .dzfwDialog-width {
-    width: 140px;
-    margin: 0 auto;
-    position: relative;
-  }
-  .dzfwMessage {
-    width: 120px;
-  }
-  .spqqsfz {
-    margin-top: 20px;
-    .spqqsfz-cont-right {
-      background: #e25020 !important;
+    .home-bottom-cont {
+      > div {
+        width: 100%;
+      }
     }
-  }
-  .home-bottom-cont {
-    > div {
-      width: 100%;
+    .pc {
+      display: none;
+    }
+    .H5 {
+      display: block;
     }
-  }
-  .pc {
-    display: none;
-  }
-  .H5 {
-    display: block;
   }
 }
 </style>
@@ -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%;
           }
         }