调整工程目录

src/pages/bigHorn/bigHorn.vue

@@ -19,15 +19,16 @@
       </div>
     </div>
     <div class="banner">
-      <div class="item" :class="item.bgClass" v-for="(item, index) in bannerList" :key="index" @click="linkTo(item.path)">
-        <h2>{{item.title}}</h2>
-        <div>{{item.text}}</div>
+      <div class="item" :class="item.bgClass" v-for="(item, index) in bannerList" :key="index"
+           @click="linkTo(item.path)">
+        <h2>{{ item.title }}</h2>
+        <div>{{ item.text }}</div>
         <img :src="item.imgUrl" alt="">
       </div>
     </div>
   </div>
 </template>
-<script> 
+<script>
 export default {
   name: "bigHorn",
   data() {
@@ -75,13 +76,15 @@ export default {
 </script>
 <style lang="scss" scoped>
 .bigHorn {
-  .header{
+  .header {
     position: relative;
-    img{
+
+    img {
       width: 100%;
       height: 306px;
     }
-    .content{
+
+    .content {
       width: 686px;
       padding: 40px 0;
       background: #FFFFFF;
@@ -92,15 +95,18 @@ export default {
       left: 50%;
       transform: translateX(-50%);
       display: flex;
-      .item{
+
+      .item {
         text-align: center;
         flex: 1;
-        img{
+
+        img {
           width: 64px;
           height: 64px;
           margin-bottom: 18px;
         }
-        div{
+
+        div {
           font-size: 30px;
           font-family: PingFang-SC-Medium, PingFang-SC;
           font-weight: 500;
@@ -108,7 +114,8 @@ export default {
           line-height: 42px;
           margin-bottom: 10px;
         }
-        h2{
+
+        h2 {
           font-size: 40px;
           font-family: DINAlternate-Bold, DINAlternate;
           font-weight: bold;
@@ -118,9 +125,11 @@ export default {
       }
     }
   }
-  .banner{
+
+  .banner {
     margin-top: 150px;
-    .item{
+
+    .item {
       width: 686px;
       height: 190px;
       border-radius: 12px;
@@ -129,37 +138,44 @@ export default {
       box-sizing: border-box;
       color: #FFF;
       position: relative;
-      h2{
+
+      h2 {
         font-size: 42px;
         font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 500;
         line-height: 60px;
         margin-bottom: 16px;
       }
-      div{
+
+      div {
         font-size: 26px;
         font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         color: #FFF;
         line-height: 32px;
       }
-      img{
+
+      img {
         width: 160px;
         position: absolute;
         top: 10px;
         right: 30px;
       }
     }
-    .bg-67A3F4{
+
+    .bg-67A3F4 {
       background: #67A3F4;
     }
-    .bg-4ED5BB{
+
+    .bg-4ED5BB {
       background: #4ED5BB;
     }
-    .bg-E5B565{
+
+    .bg-E5B565 {
       background: #E5B565;
     }
-    .bg-F19661{
+
+    .bg-F19661 {
       background: #F19661;
     }
   }