引用bootstrap之后页面调整。

assets/scss/reset.scss

@@ -17,7 +17,9 @@ body {
 article,aside,dialog,footer,header,section,footer,nav,figure,menu {
   display: block
 }
-
+.container{
+  padding: 0;
+}
 h1,
 h2,
 h3,
@@ -28,7 +30,9 @@ h6 {
   font-family: inherit;
   line-height: inherit;
 }
-
+a:focus{
+  text-decoration: none;
+}
 h1 {
   font-size: $font-size-h1;
   font-weight: 500;

components/default/Footer.vue

@@ -89,6 +89,10 @@
 </script>
 <style lang="scss" scoped>
   @import '~assets/scss/variables';
+  .footer-guide h5{
+    font-size: 16px;
+    margin-bottom: 10px;
+  }
   .footer {
     font-size: $font-size-small;
     background-color: $grey-bg;

components/default/Header.vue

@@ -88,6 +88,10 @@
   }
 </script>
 <style lang="scss" scoped>
+  .header .navbar{
+    min-height: inherit;
+    border-radius: 0;
+  }
   @import '~assets/scss/mixins';
   @import '~assets/scss/variables';
 

components/home/Advert.vue

@@ -64,7 +64,7 @@
 
   .advert-slide {
     text-align: center;
-    margin-bottom: $xlg-pad;
+    /*margin-bottom: $xlg-pad;*/
 
     .swiper-container {
       height: 100px;

components/home/Nav.vue

@@ -36,7 +36,9 @@
 <style lang="scss" scoped>
   @import '~assets/scss/variables';
   $nav-height: 40px;
-
+ .container{
+    padding: 0;
+  }
   .nav-list {
     background-color: rgb(244, 248, 255);
     height: $nav-height;

components/home/News.vue

@@ -6,7 +6,7 @@
       </h2>
       <ul class="title-list">
         <li v-for="n in news5" class="item">
-          <nuxt-link :to="`/news/${n.id}`">
+          <nuxt-link :to="`/news/${n.id}`" target="_blank">
             {{ n.title }}
           </nuxt-link>
         </li>
@@ -14,7 +14,7 @@
       </ul>
       <ul class="thumbnail-list">
         <li v-for="n in news3" class="item">
-          <nuxt-link :to="`/news/${n.id}`">
+          <nuxt-link :to="`/news/${n.id}`" target="_blank">
             <img :src="n.thumbnail">
             <span>{{ n.title }}</span>
           </nuxt-link>

components/home/Partner.vue

@@ -45,7 +45,9 @@
 </script>
 <style lang="scss" scoped>
   @import '~assets/scss/variables';
-
+  .partner-container h3{
+    font-size: 24px;
+  }
   .partner {
     text-align: center;
     margin-bottom: $xlg-pad;

components/home/floor/Floor.vue

@@ -24,6 +24,15 @@
   }
 </script>
 <style lang="scss" scoped>
+  .floor h3 {
+    width: 100%;
+    height: 70px;
+    font-size: 24px;
+    padding-top: 0;
+    margin: 0;
+    line-height: 100px;
+    color: #333;
+  }
   .floor {
 
     ul {
@@ -134,6 +143,7 @@
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 2;
           word-break: break-all;
+          display: inherit;
         }
 
         .floor-item-body {

components/home/floor/FloorList.vue

@@ -25,7 +25,10 @@
 </script>
 <style lang="scss" scoped>
   @import '~assets/scss/variables';
-
+  /*add*/
+  .floor-list .container{
+    padding: 0;
+  }
   .floor-list {
     margin-bottom: $xlg-pad;
   }