适配完成

src/layouts/footer/index.vue

@@ -245,4 +245,20 @@ export default {
   }
 }
 
+@media (max-width: 320px) {
+  .contact{
+    .inner {
+      .title {
+        h6 {
+          font-size: 1.5rem;
+        }
+        .text {
+          font-size: 2rem;
+          margin-top: -1.25rem;
+        }
+      }
+    }
+  }
+}
+
 </style>

src/layouts/header/index.vue

@@ -2,10 +2,10 @@
   <div :class="['header', { channel: isHome }]">
     <a class="logo" @click="toIndex">
     <template v-if="!$store.getters.getModelType">
-      <img :src="require('@/assets/images/logo-black.png')" alt="">
+      <img :src="require('@/assets/images/logo2.png')" alt="">
     </template>
     <template v-else>
-      <img :src="require('@/assets/images/' + (isSfel ? 'logo2' : isHome ? 'logo' : 'logo-black') + '.png')" alt="">
+      <img :src="require('@/assets/images/' + (isSfel ? 'logo2' : isHome ? 'logo' : 'logo2') + '.png')" alt="">
     </template>
       
     </a>

src/layouts/navbar/index.vue

@@ -52,7 +52,7 @@ export default {
     ]),
     // 栏目列表
     getColumn() {
-      this.$post(this.api.listWithTreeMenuVisible, {
+      this.$post(this.api.listWithTree, {
         siteId: this.$route.query.siteId || this.site,
         columnName: '',
         templateId: '',
@@ -101,7 +101,7 @@ export default {
     },
     // 跳转
     jump(id) {
-      
+      console.log('id=>',id)
       this.getPath(this.menus ,id || this.menus[0].id)
       this.columnTo(this.toItem)
       // if(!this.$store.getters.getModelType) {

src/mixins/article/index.js

@@ -17,9 +17,12 @@ export default {
   methods: {
     // 点击栏目回调
     columnTo(to) {
-      const { typeId } = to
+      const { typeId,menuVisible } = to
+      console.log('typeId=>' ,typeId)
+      console.log('to=>' ,to)
       // 跳转链接
       if (typeId === 2) {
+        if ( menuVisible === 1) return
         let href = to.linkAddress
         const cType = to.connectionType
         if (cType !== 2) { // 非站外链接

src/pages/about/index.vue

@@ -782,18 +782,18 @@ export default {
 @media (min-width: 480px) and (max-width: 640px) {
   .wrap  {
     /deep/ .el-carousel{
-      height: 18rem;
+      height: 22rem;
     }
     /deep/ .el-carousel__container{
-      height: 18rem;
+      height: 22rem;
     }
     /deep/  .el-carousel__item {
-      height: 18rem;
+      height: 22rem;
     }
   }
   .banner-item{
     img {
-      height: 18rem !important;
+      height: 22rem !important;
     }
     .banner-name {
       font-size: 1.5rem;
@@ -847,21 +847,21 @@ export default {
 @media (min-width: 640px) and (max-width: 768px) {
   .wrap  {
     /deep/ .el-carousel{
-      height: 20rem;
+      height: 26rem;
     }
     /deep/ .el-carousel__container{
-      height: 20rem;
+      height: 26rem;
     }
     /deep/  .el-carousel__item {
-      height: 20rem;
+      height: 26rem;
     }
   }
   .banner-item{
     img {
-      height: 20rem !important;
+      height: 26rem !important;
     }
     .banner-name {
-      font-size: 1.5rem;
+      font-size: 1.8rem;
     }
   }
   .block  {
@@ -912,18 +912,18 @@ export default {
 @media (min-width: 768px) and (max-width: 980px) {
   .wrap  {
     /deep/ .el-carousel{
-      height: 22rem;
+      height: 30rem;
     }
     /deep/ .el-carousel__container{
-      height: 22rem;
+      height: 30rem;
     }
     /deep/  .el-carousel__item {
-      height: 22rem;
+      height: 30rem;
     }
   }
   .banner-item{
     img {
-      height: 22rem !important;
+      height: 30rem !important;
     }
     .banner-name {
       font-size: 1.5rem;
@@ -991,7 +991,7 @@ export default {
       height: 30rem !important;
     }
     .banner-name {
-      font-size: 1.5rem;
+      font-size: 2.5rem;
     }
   }
   .block  {

src/pages/application/index.vue

@@ -302,7 +302,7 @@ export default {
 }
 
 
-@media (min-width: 280px) and (max-width: 750px) {
+@media (min-width: 280px) and (max-width: 1200px) {
   .wrap{
   /deep/ .el-carousel {
     height: 15rem;
@@ -421,4 +421,390 @@ export default {
   }
  }
 }
+@media (max-width: 320px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 13rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 13rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 13rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 13rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .texts {
+        padding: 5rem 1.25rem;
+        .bg {
+          height: 15rem !important;
+        }
+      }
+      .group{
+        li {
+          img {
+            height: 15rem;
+          }
+        }
+      }
+      .news {
+         li {
+          padding: 1.25rem;
+          img{
+             height: 13rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+         }
+      }
+    }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .texts {
+        padding: 5rem 1.25rem;
+        .bg {
+          height: 15rem !important;
+        }
+      }
+      .group{
+        li {
+          img {
+            height: 15rem;
+          }
+        }
+      }
+      .news {
+         li {
+          padding: 1.25rem;
+          img{
+             height: 13rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+         }
+      }
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 18rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 18rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 18rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 18rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .texts {
+        padding: 5rem 1.25rem;
+        .bg {
+          height: 18rem !important;
+        }
+      }
+      .group{
+        li {
+          img {
+            height: 18rem;
+          }
+        }
+      }
+      .news {
+         li {
+          padding: 1.25rem;
+          img{
+             height: 18rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+         }
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 22rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 22rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 22rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 22rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .texts {
+        padding: 5rem 1.25rem;
+        .bg {
+          height: 22rem !important;
+        }
+      }
+      .group{
+        li {
+          img {
+            height: 22rem;
+          }
+        }
+      }
+      .news {
+         li {
+          padding: 1.25rem;
+          img{
+             height: 22rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+         }
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 25rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 25rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 25rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 25rem !important;
+    }
+    .banner-name {
+      font-size: 2.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .texts {
+        padding: 5rem 1.25rem;
+        .bg {
+          height: 25rem !important;
+        }
+      }
+      .group{
+        li {
+          img {
+            height: 25rem;
+          }
+        }
+      }
+      .news {
+         li {
+          padding: 1.25rem;
+          img{
+             height: 25rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+         }
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 30rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 30rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 30rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 30rem !important;
+    }
+    .banner-name {
+      font-size: 2.3rem !important;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .texts {
+        padding: 5rem 1.25rem;
+        .bg {
+          height: 30rem !important;
+        }
+      }
+      .group{
+        li {
+          img {
+            height: 30rem;
+          }
+        }
+      }
+      .news {
+         li {
+          padding: 1.25rem;
+          img{
+             height: 30rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+         }
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 35rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 35rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 35rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 35rem !important;
+    }
+    .banner-name {
+      font-size: 2.5rem !important;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .texts {
+        padding: 5rem 1.25rem;
+        .bg {
+          height: 35rem !important;
+        }
+      }
+      .group{
+        li {
+          img {
+            height: 35rem;
+          }
+        }
+      }
+      .news {
+         li {
+          padding: 1.25rem;
+          img{
+             height: 35rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+         }
+      }
+    }
+  }
+}
+
+
 </style>

src/pages/article/activity.vue

@@ -283,4 +283,7 @@ export default {
     }
   }
 }
+
+
+
 </style>

src/pages/article/index.vue

@@ -339,9 +339,59 @@ export default {
   }
 }
 @media (max-width: 320px) {
+  .wrap  {
+    .banner {
+      padding: 8rem 0 0  10rem;
+      height: 13rem;
+    }
+  }
+}
+
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    .banner {
+      padding: 8rem 0 0  10rem;
+      height: 15rem;
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    .banner {
+      padding: 8rem 0 0  10rem;
+      height: 17rem;
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
   .wrap  {
     .banner {
       padding: 12rem 0 0  10rem;
+      height: 20rem;
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    .banner {
+      padding: 14rem 0 0  10rem;
+      height: 22rem;
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    .banner {
+      padding: 16rem 0 0  10rem;
+      height: 26rem;
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap  {
+    .banner {
+      padding: 18rem 0 0  10rem;
+      height: 30rem;
     }
   }
 }

src/pages/careers/index.vue

@@ -303,7 +303,7 @@ export default {
     transition: .3s;
   }
 }
-@media (min-width: 280px) and (max-width: 750px) {
+@media (min-width: 280px) and (max-width: 1200px) {
   .wrap{
   /deep/ .el-carousel {
     height: 15rem;
@@ -369,4 +369,366 @@ export default {
     }
   }
 }
+@media (max-width: 320px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+     padding: 1.25rem 0;
+     .inner {
+      .card {
+        li {
+          height: 15rem;
+          .pic {
+            height: 15rem;
+          }
+        }
+      }
+      .people {
+        li {
+          padding: 10rem 1.25rem 1.5rem;
+          .pic {
+            height: 10rem;
+          }
+        }
+      }
+     }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+     padding: 1.25rem 0;
+     .inner {
+      .card {
+        li {
+          height: 15rem;
+          .pic {
+            height: 15rem;
+          }
+        }
+      }
+      .people {
+       
+        li {
+          padding: 10rem 1.25rem 1.5rem;
+         
+        }
+      }
+     }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 18rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 18rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 18rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 18rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+     padding: 1.25rem 0;
+     .inner {
+      .card {
+        li {
+          height: 18rem;
+          .pic {
+            height: 18rem;
+          }
+        }
+      }
+      .people {
+        li {
+          padding: 10rem 1.25rem 1.5rem;
+        }
+      }
+     }
+  }
+  .shows {
+    li {
+      height: 18rem;
+      .pic {
+        height: 18rem;
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px)  {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 20rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 20rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 20rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 20rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+     padding: 1.25rem 0;
+     .inner {
+      .card {
+        li {
+          height: 20rem;
+          .pic {
+            height: 20rem;
+          }
+        }
+      }
+      .people {
+        li {
+          padding: 10rem 1.25rem 1.5rem;
+        }
+      }
+     }
+  }
+  .people {
+    li {
+      .pic {
+        height: 16rem !important;
+      }
+    }
+  }
+  .shows {
+    li {
+      height: 20rem;
+      .pic {
+        height: 20rem;
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 22rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 22rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 22rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 22rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+     padding: 1.25rem 0;
+     .inner {
+      .card {
+        li {
+          height: 22rem;
+          .pic {
+            height: 22rem;
+          }
+        }
+      }
+      .people {
+        li {
+          padding: 10rem 1.25rem 1.5rem;
+        }
+      }
+     }
+  }
+  .people {
+    li {
+      .pic {
+        height: 18rem !important;
+      }
+    }
+  }
+  .shows {
+    li {
+      height: 22rem;
+      .pic {
+        height: 22rem;
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 26rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 26rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 26rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 26rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+     padding: 1.25rem 0;
+     .inner {
+      .card {
+        li {
+          height: 26rem;
+          .pic {
+            height: 26rem;
+          }
+        }
+      }
+      .people {
+        li {
+          padding: 10rem 1.25rem 1.5rem;
+        }
+      }
+     }
+  }
+  .people {
+    li {
+      .pic {
+        width: 50% !important;
+        height: 18rem !important;
+      }
+    }
+  }
+  .shows {
+    li {
+      height: 26rem;
+      .pic {
+        height: 26rem;
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 30rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 30rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 30rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 30rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+     padding: 1.25rem 0;
+     .inner {
+      .card {
+        li {
+          height: 30rem;
+          .pic {
+            height: 30rem;
+          }
+        }
+      }
+      .people {
+        li {
+          padding: 10rem 1.25rem 1.5rem;
+        }
+      }
+     }
+  }
+  .people {
+    li {
+      .pic {
+        width: 50% !important;
+        height: 18rem !important;
+      }
+    }
+  }
+  .shows {
+    li {
+      height: 30rem;
+      .pic {
+        height: 30rem;
+      }
+    }
+  }
+}
 </style>

src/pages/column/index.vue

@@ -175,7 +175,8 @@ export default {
       },
       news: [],
       hots: [],
-      deepestId: ''
+      deepestId: '',
+      getAllId: null
     };
   },
   components: {
@@ -326,7 +327,10 @@ export default {
           if (typeId === 4 && !fromColumn) {
             id = [this.deepestId];
           }
+          console.log('id=>',id)
+          this.getAllId = id
           this.getArticle(id);
+          console.log('data=>',data)
           this.columns = data;
           // 如果没上传banner
           if (!this.info.columnBanner) {
@@ -368,6 +372,7 @@ export default {
         siteId: this.site
       })
         .then(({ data }) => {
+          console.log(99122)
           this.news = Util.removeTag(data.records);
         })
         .catch((res) => { });
@@ -435,6 +440,7 @@ export default {
       this.labels.map((e) => {
         if (this.lableId.includes(e.id)) labelName.push(e.labelName);
       });
+      console.log('====>',columnIds)
       this.$post(this.api.newlyPublishedArticles, {
         siteId: this.site,
         columnIds,
@@ -471,11 +477,12 @@ export default {
     filter() {
       this.page = 1;
       this.isFilter = !!(this.form.classificationId || this.form.title || this.form.convokeType || this.lableId.length); // 是否在筛选
+      console.log('this.isFilter=>' ,this.isFilter)
       let id = [];
       if (this.isFilter) {
         this.getIds(this.columns, id);
       } else if (this.columns.length) {
-        id = [this.columns[0].id];
+        id = this.getAllId
       }
       this.getArticle(id);
     },
@@ -1038,6 +1045,11 @@ export default {
     img {
       height: 13rem !important;
     }
+    .texts {
+      .text {
+        font-size: 1.5rem;
+      }
+    }
   }
   .contents {
     .article-wrap {
@@ -1048,6 +1060,18 @@ export default {
       }
     }
   }
+  .forms {
+    .switch {
+      width: 100%;
+      flex-direction: column;
+      margin-right: 0;
+      li {
+        width: 90%;
+        margin: 0 auto;
+        margin-top: 10px;
+      }
+    }
+  }
 }
 @media (min-width: 480px) and (max-width: 640px) {
   .contents {
@@ -1072,6 +1096,12 @@ export default {
   }
 }
 @media (min-width: 768px) and (max-width: 980px) {
+  .banner {
+    height: 16rem;
+    img {
+      height: 16rem !important;
+    }
+  }
   .contents {
     .article-wrap {
       .articles {
@@ -1084,7 +1114,7 @@ export default {
 }
 @media (min-width: 980px) and (max-width: 1200px) {
   .banner {
-    height: 18rem;
+    height: 18rem !important;
     img {
       height: 18rem !important;
     }

src/pages/deviceIntroBeam/index.vue

@@ -182,13 +182,13 @@ export default {
 @media (max-width: 320px) {
   .banner{
     height: 13rem;
-    padding: 6rem 0 0 12rem;
+    padding: 6rem 0 0 8rem;
   }
 }
 @media (min-width: 320px) and (max-width: 375px) {
   .banner{
     height: 13rem;
-    padding: 8rem 0 0 13rem;
+    padding: 8rem 0 0 10rem;
   }
  }
  @media (min-width: 375px) and (max-width: 480px) {

src/pages/deviceIntroLayout/index.vue

@@ -308,13 +308,13 @@ export default {
 @media (max-width: 320px) {
   .banner{
     height: 13rem;
-    padding: 6rem 0 0 12rem;
+    padding: 6rem 0 0 8rem;
   }
 }
 @media (min-width: 320px) and (max-width: 375px) {
   .banner{
     height: 15rem;
-    padding: 8rem 0 0 13rem;
+    padding: 8rem 0 0 10rem;
   }
  }
  @media (min-width: 375px) and (max-width: 480px) {

src/pages/deviceIntroLinear/index.vue

@@ -238,13 +238,13 @@ export default {
 @media (max-width: 320px) {
   .banner{
     height: 13rem;
-    padding: 6rem 0 0 12rem;
+    padding: 6rem 0 0 8rem;
   }
 }
 @media (min-width: 320px) and (max-width: 375px) {
   .banner{
     height: 13rem;
-    padding: 8rem 0 0 13rem;
+    padding: 8rem 0 0 10rem;
   }
  }
  @media (min-width: 375px) and (max-width: 480px) {

src/pages/edu/index.vue

@@ -162,7 +162,7 @@ export default {
     }
   }
 }
-@media (min-width: 280px) and (max-width: 750px) {
+@media (min-width: 280px) and (max-width: 1200px) {
   .wrap{
   /deep/ .el-carousel {
     height: 18rem;
@@ -211,4 +211,324 @@ export default {
   }
  }
 }
+
+@media (max-width: 320px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 13rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 13rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 13rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 13rem !important;
+    }
+    .banner-name {
+      font-size: 1rem;
+      line-height: 1.5rem;
+      left: 3rem;
+    }
+  }
+  .block  {
+    padding: 1.25rem 0;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .block-pic {
+        height: 13rem;
+      }
+      .list {
+        .wow  {
+          .pic {
+            height: 13rem;
+          }
+          .texts {
+            h6 {
+              font-size: 1rem;
+            }
+            .sub {
+              font-size: .85rem;
+              line-height: .85rem;
+              margin-top: .5rem;
+            }
+            .des {
+              font-size: .85rem;
+              line-height: .85rem;
+              margin-top: .5rem;
+
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1rem;
+      line-height: 1.5rem;
+      left: 3rem;
+    }
+  }
+  .block  {
+    padding: 1.25rem 0;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .block-pic {
+        height: 15rem;
+      }
+      .list {
+        .wow  {
+          .pic {
+            height: 15rem;
+          }
+          .texts {
+            h6 {
+              font-size: 1.5rem;
+            }
+            .sub {
+              font-size: 1.2rem;
+              line-height: 1.2rem;
+              margin-top: .8rem;
+            }
+            .des {
+              font-size: 1.2rem;
+              line-height: 1.2rem;
+              margin-top: .8rem;
+
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 20rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 20rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 20rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 20rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1.5rem;
+      left: 3rem;
+    }
+  }
+  .block  {
+    padding: 1.25rem 0;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .block-pic {
+        height: 18rem;
+      }
+      .list {
+        .wow  {
+          .pic {
+            height: 20rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 25rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 25rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 25rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 25rem !important;
+    }
+    .banner-name {
+      font-size: 2.5rem;
+      line-height: 2.5rem;
+      left: 3rem;
+    }
+  }
+  .block  {
+    padding: 1.25rem 0;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .block-pic {
+        height: 22rem;
+      }
+      .list {
+        .wow  {
+          .pic {
+            height: 22rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 28rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 28rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 28rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 28rem !important;
+    }
+    .banner-name {
+      font-size: 2.5rem;
+      line-height: 1.5rem;
+      left: 3rem;
+    }
+  }
+  .block  {
+    padding: 1.25rem 0;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .block-pic {
+        height: 25rem;
+      }
+      .list {
+        .wow  {
+          .pic {
+            height: 22rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 32rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 32rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 32rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 32rem !important;
+    }
+    .banner-name {
+      font-size: 2.5rem;
+      line-height: 1.5rem;
+      left: 3rem;
+    }
+  }
+  .block  {
+    padding: 1.25rem 0;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .block-pic {
+        height: 28rem;
+      }
+      .list {
+        .wow  {
+          .pic {
+            height: 22rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 35rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 35rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 35rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 35rem !important;
+    }
+    .banner-name {
+      font-size: 2.5rem;
+      line-height: 1.5rem;
+      left: 3rem;
+    }
+  }
+  .block  {
+    padding: 1.25rem 0;
+    .inner {
+      .b-title {
+        font-size: 1.5rem;
+      }
+      .block-pic {
+        height: 32rem;
+      }
+      .list {
+        .wow  {
+          .pic {
+            height: 28rem;
+          }
+        }
+      }
+    }
+  }
+}
 </style>

src/pages/exp/index.vue

@@ -281,7 +281,7 @@ export default {
       height: 15rem !important;
     }
     .banner-name {
-      left: 15rem;
+      left: 10rem;
       top: 10rem;
       font-size: 1.5rem;
     }
@@ -322,7 +322,7 @@ export default {
       height: 20rem !important;
     }
     .banner-name {
-      left: 20rem;
+      left: 15rem;
       top: 13rem;
       font-size: 1.5rem;
     }
@@ -445,7 +445,7 @@ export default {
       height: 28rem !important;
     }
     .banner-name {
-      left: 39rem;
+      left: 34rem;
       top: 22rem;
       font-size: 2.5rem;
     }

src/pages/news/index.vue

@@ -713,7 +713,7 @@ export default {
  }
 }
 
-@media (min-width: 280px) and (max-width: 750px) {
+@media (min-width: 280px) and (max-width: 1200px) {
   .wrap{
   /deep/ .el-carousel {
     height: 15rem;
@@ -833,4 +833,648 @@ export default {
     }
   }
 }
+@media (max-width: 320px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 13rem;
+    }
+    /deep/ .el-carousel__container{
+      height: 13rem;
+    }
+    /deep/  .el-carousel__item {
+      height: 13rem;
+    }
+  }
+  .banner-item{
+    img {
+      height: 13rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .news-banner  {
+        img {
+          height: 16rem;
+        }
+        .right {
+          padding: 1.25rem 1.25rem 5rem;
+        }
+      }
+      .card {
+        li {
+          .pic {
+            height: 13rem;
+          }
+        }
+      }
+      .shop-shows {
+        .left {
+          .pic {
+            height: 13rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .right {
+          .show-card {
+            li {
+              margin-top: 1.25rem;
+              .pic {
+                height: 13rem;
+              }
+              .text {
+                font-size: 1rem;
+              }
+            }
+          }
+          .card-list {
+            li {
+              .pic {
+                width: 6rem;
+              }
+            }
+          }
+        }
+      }
+      .shows {
+        .left{
+          .pic {
+            height: 13rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem;
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .news-banner  {
+        img {
+          height: 16rem;
+        }
+        .right {
+          padding: 1.25rem 1.25rem 5rem;
+        }
+      }
+      .card {
+        li {
+          .pic {
+            height: 15rem;
+          }
+        }
+      }
+      .shop-shows {
+        .left {
+          .pic {
+            height: 15rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .right {
+          .show-card {
+            li {
+              margin-top: 1.25rem;
+              .pic {
+                height: 13rem;
+              }
+              .text {
+                font-size: 1rem;
+              }
+            }
+          }
+          .card-list {
+            li {
+              .pic {
+                width: 6rem;
+              }
+            }
+          }
+        }
+      }
+      .shows {
+        .left{
+          .pic {
+            height: 15rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 18rem;
+    }
+    /deep/ .el-carousel__container{
+      height: 18rem;
+    }
+    /deep/  .el-carousel__item {
+      height: 18rem;
+    }
+  }
+  .banner-item{
+    img {
+      height: 18rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .news-banner  {
+        img {
+          height: 18rem;
+        }
+        .right {
+          padding: 1.25rem 1.25rem 5rem;
+        }
+      }
+      .card {
+        li {
+          .pic {
+            height: 17rem;
+          }
+        }
+      }
+      .shop-shows {
+        .left {
+          .pic {
+            height: 18rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .right {
+          .show-card {
+            li {
+              margin-top: 1.25rem;
+              .pic {
+                height: 15rem;
+              }
+              .text {
+                font-size: 1rem;
+              }
+            }
+          }
+          .card-list {
+            li {
+              .pic {
+                // width: 6rem;
+              }
+            }
+          }
+        }
+      }
+      .shows {
+        .left{
+          .pic {
+            height: 18rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .card-list {
+          li {
+            .pic {
+              width: 8rem;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 22rem;
+    }
+    /deep/ .el-carousel__container{
+      height: 22rem;
+    }
+    /deep/  .el-carousel__item {
+      height: 22rem;
+    }
+  }
+  .banner-item{
+    img {
+      height: 22rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .news-banner  {
+        img {
+          height: 20rem;
+        }
+        .right {
+          padding: 1.25rem 1.25rem 5rem;
+        }
+      }
+      .card {
+        li {
+          .pic {
+            height: 22rem;
+          }
+        }
+      }
+      .shop-shows {
+        .left {
+          .pic {
+            height: 22rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .right {
+          .show-card {
+            
+            li {
+              margin-top: 1.25rem;
+              height: 20rem;
+              .pic {
+                height: 20rem;
+              }
+              .text {
+                font-size: 1rem;
+              }
+            }
+          }
+          .card-list {
+            li {
+              .pic {
+                // width: 6rem;
+              }
+            }
+          }
+        }
+      }
+      .shows {
+        .left{
+          .pic {
+            height: 20rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .card-list {
+          li {
+            .pic {
+              width: 10rem;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 25rem;
+    }
+    /deep/ .el-carousel__container{
+      height: 25rem;
+    }
+    /deep/  .el-carousel__item {
+      height: 25rem;
+    }
+  }
+  .banner-item{
+    img {
+      height: 25rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .news-banner  {
+        img {
+          height: 25rem;
+        }
+        .right {
+          padding: 1.25rem 1.25rem 5rem;
+        }
+      }
+      .card {
+        li {
+          .pic {
+            height: 25rem;
+          }
+        }
+      }
+      .shop-shows {
+        .left {
+          .pic {
+            height: 25rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .right {
+          .show-card {
+            
+            li {
+              margin-top: 1.25rem;
+              height: 22rem;
+              .pic {
+                height: 22rem;
+              }
+              .text {
+                font-size: 1rem;
+              }
+            }
+          }
+          .card-list {
+            li {
+              .pic {
+                // width: 6rem;
+              }
+            }
+          }
+        }
+      }
+
+      .shop-shows {
+        .card-list {
+          .pic {
+            width: 9.25rem;
+            height: 7.3125rem;
+          }
+        }
+      }
+      .shows {
+        .left{
+          .pic {
+            height: 25rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .card-list {
+          li {
+            .pic {
+              width: 10rem;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 30rem;
+    }
+    /deep/ .el-carousel__container{
+      height: 30rem;
+    }
+    /deep/  .el-carousel__item {
+      height: 30rem;
+    }
+  }
+  .banner-item{
+    img {
+      height: 30rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .news-banner  {
+        img {
+          height: 30rem;
+        }
+        .right {
+          padding: 1.25rem 1.25rem 5rem;
+        }
+      }
+      .card {
+        li {
+          .pic {
+            height: 30rem;
+          }
+        }
+      }
+      .shop-shows {
+        .left {
+          .pic {
+            height: 30rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .right {
+          .show-card {
+            
+            li {
+              margin-top: 1.25rem;
+              height: 25rem;
+              .pic {
+                height: 25rem;
+              }
+              .text {
+                font-size: 1rem;
+              }
+            }
+          }
+          .card-list {
+            li {
+              .pic {
+                // width: 6rem;
+              }
+            }
+          }
+        }
+      }
+
+      .shop-shows {
+        .card-list {
+          .pic {
+            width: 9.25rem;
+            height: 7.3125rem;
+          }
+        }
+      }
+      .shows {
+        .left{
+          .pic {
+            height: 30rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .card-list {
+          li {
+            .pic {
+              width: 10rem;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 35rem;
+    }
+    /deep/ .el-carousel__container{
+      height: 35rem;
+    }
+    /deep/  .el-carousel__item {
+      height: 35rem;
+    }
+  }
+  .banner-item{
+    img {
+      height: 35rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    .inner {
+      .news-banner  {
+        img {
+          height: 35rem;
+        }
+        .right {
+          padding: 1.25rem 1.25rem 5rem;
+        }
+      }
+      .card {
+        li {
+          .pic {
+            height: 35rem;
+          }
+        }
+      }
+      .shop-shows {
+        .left {
+          .pic {
+            height: 35rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .right {
+          .show-card {
+            
+            li {
+              margin-top: 1.25rem;
+              height: 30rem;
+              .pic {
+                height: 30rem;
+              }
+              .text {
+                font-size: 1rem;
+              }
+            }
+          }
+          .card-list {
+            li {
+              .pic {
+                // width: 6rem;
+              }
+            }
+          }
+        }
+      }
+
+      .shop-shows {
+        .card-list {
+          .pic {
+            width: 9.25rem;
+            height: 7.3125rem;
+          }
+        }
+      }
+      .shows {
+        .left{
+          .pic {
+            height: 35rem;
+          }
+          .texts {
+            padding: 1.25rem;
+          }
+        }
+        .card-list {
+          li {
+            .pic {
+              width: 10rem;
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>

src/pages/newsPress/index.vue

@@ -180,7 +180,7 @@ export default {
     }
   }
 }
-@media (min-width: 280px) and (max-width: 750px) {
+@media (min-width: 280px) and (max-width: 1200px) {
   .wrap{
   /deep/ .el-carousel {
     height: 18rem;
@@ -195,6 +195,7 @@ export default {
 .banner-item .banner-name[data-v-1525064c] {
   font-size: 1.5rem;
 }
+  
   .inner{
     width: 95%;
     .list{
@@ -227,4 +228,338 @@ export default {
     }
   }
 }
+
+@media (max-width: 1200px) {
+  .inner{
+    width: 95%;
+    .list{
+      li {
+        margin-top: 20px;
+        .pic {
+          width: 100%;
+          height: 500px;
+        }
+        .texts {
+          padding: 20px 10px 10px ;
+          top: 30px;
+          h6{
+            font-size: 2rem;
+          }
+          .sub{
+            margin: 10px 0;
+          }
+          .des{
+            margin-bottom: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+@media (max-width: 320px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 13rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 13rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 13rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 13rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 15rem !important;
+        }
+        .texts  {
+          top: 1rem;
+          h6 {
+            font-size: 1rem !important;
+          }
+          .sub{
+             font-size: .85rem;
+          }
+          .des {
+            font-size: .85rem;
+            line-height: .85rem;
+          }
+          img {
+            width: 2rem;height: 2rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 15rem !important;
+        }
+        .texts  {
+          top: 1rem;
+          h6 {
+            font-size: 1rem !important;
+          }
+          .sub{
+             font-size: .85rem;
+          }
+          .des {
+            font-size: .85rem;
+            line-height: .85rem;
+          }
+          img {
+            width: 2rem;height: 2rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 18rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 18rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 18rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 18rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 18rem !important;
+        }
+        .texts  {
+          top: 2.5rem;
+          h6 {
+            font-size: 1rem !important;
+          }
+          .sub{
+             font-size: .85rem;
+          }
+          .des {
+            font-size: .85rem;
+            line-height: .85rem;
+          }
+          img {
+            width: 2rem;height: 2rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 22rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 22rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 22rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 22rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 22rem !important;
+        }
+        .texts  {
+          top: 2.5rem;
+          h6 {
+            font-size: 1.8rem !important;
+          }
+          .sub{
+             font-size: 1.3rem;
+          }
+          .des {
+            font-size: 1.3rem;
+            line-height: 1.3rem;
+          }
+          img {
+            width: 4rem;height: 4rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 28rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 28rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 28rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 28rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 28rem !important;
+        }
+        .texts  {
+          top: 3rem;
+          h6 {
+            font-size: 2rem !important;
+          }
+          .sub{
+             font-size: 1.3rem;
+          }
+          .des {
+            font-size: 1.8rem;
+            line-height: 1.8rem;
+          }
+          img {
+            width: 5rem;height: 5rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 32rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 32rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 32rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 32rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 32rem !important;
+        }
+        .texts  {
+        }
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px)  {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 35rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 35rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 35rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 35rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 35rem !important;
+        }
+      }
+    }
+  }
+}
 </style>

src/pages/newsProcurement/index.vue

@@ -177,7 +177,7 @@ export default {
   }
 }
 
-@media (min-width: 280px) and (max-width: 750px) {
+@media (min-width: 280px) and (max-width: 1200px) {
   .wrap{
   /deep/ .el-carousel {
     height: 18rem;
@@ -253,4 +253,310 @@ export default {
     }
   }
 }
+@media (max-width: 320px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 13rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 13rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 13rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 13rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 15rem !important;
+        }
+        .texts  {
+          top: 1rem;
+          h6 {
+            font-size: 1rem !important;
+          }
+          .sub{
+             font-size: .85rem;
+          }
+          .des {
+            font-size: .85rem;
+            line-height: .85rem;
+          }
+          img {
+            width: 2rem;height: 2rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 15rem !important;
+        }
+        .texts  {
+          top: 1rem;
+          h6 {
+            font-size: 1rem !important;
+          }
+          .sub{
+             font-size: .85rem;
+          }
+          .des {
+            font-size: .85rem;
+            line-height: .85rem;
+          }
+          img {
+            width: 2rem;height: 2rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 18rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 18rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 18rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 18rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 18rem !important;
+        }
+        .texts  {
+          top: 2.5rem;
+          h6 {
+            font-size: 1rem !important;
+          }
+          .sub{
+             font-size: .85rem;
+          }
+          .des {
+            font-size: .85rem;
+            line-height: .85rem;
+          }
+          img {
+            width: 2rem;height: 2rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 22rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 22rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 22rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 22rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 22rem !important;
+        }
+        .texts  {
+          top: 2.5rem;
+          h6 {
+            font-size: 1.8rem !important;
+          }
+          .sub{
+             font-size: 1.3rem;
+          }
+          .des {
+            font-size: 1.3rem;
+            line-height: 1.3rem;
+          }
+          img {
+            width: 4rem;height: 4rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 28rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 28rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 28rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 28rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 28rem !important;
+        }
+        .texts  {
+          top: 3rem;
+          h6 {
+            font-size: 2rem !important;
+          }
+          .sub{
+             font-size: 1.3rem;
+          }
+          .des {
+            font-size: 1.8rem;
+            line-height: 1.8rem;
+          }
+          img {
+            width: 5rem;height: 5rem;
+          }
+        }
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 32rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 32rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 32rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 32rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 32rem !important;
+        }
+        .texts  {
+        }
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px)  {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 35rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 35rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 35rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 35rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .inner {
+    .list {
+      li {
+        .pic {
+          height: 35rem !important;
+        }
+      }
+    }
+  }
+}
 </style>

src/pages/overviewDevHistory/index.vue

@@ -269,7 +269,7 @@ export default {
     .single-banner {
       .texts {
         top: 11rem !important;
-        left: 10rem !important;
+        left: 8rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -301,7 +301,7 @@ export default {
     .single-banner {
       .texts {
         top: 11rem !important;
-        left: 15rem !important;
+        left: 10rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -335,7 +335,7 @@ export default {
       }
       .texts {
         top: 14rem !important;
-        left: 18rem !important;
+        left: 14rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -368,7 +368,7 @@ export default {
       }
       .texts {
         top: 13rem !important;
-        left: 24rem !important;
+        left: 20rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -401,7 +401,7 @@ export default {
       }
       .texts {
         top: 20rem !important;
-        left: 34rem !important;
+        left: 30rem !important;
         .banner-title {
           font-size: 1.8rem;
         }
@@ -467,7 +467,7 @@ export default {
       }
       .texts {
         top: 25rem !important;
-        left: 55rem !important;
+        left: 50rem !important;
         .banner-title {
           font-size: 1.8rem;
         }

src/pages/overviewIntro/index.vue

@@ -188,7 +188,7 @@ export default {
     }
     .texts {
       top: 9rem !important;
-      left: 11rem !important;
+      left: 8rem !important;
       .banner-title {
         font-size: 1.5rem;
       }
@@ -202,7 +202,7 @@ export default {
     }
     .texts {
       top: 11rem !important;
-    left: 15rem !important;
+    left: 10rem !important;
       .banner-title {
         font-size: 1.5rem;
       }
@@ -217,7 +217,7 @@ export default {
     }
     .texts {
       top: 14rem !important;
-    left: 18rem !important;
+    left: 13rem !important;
       .banner-title {
         font-size: 1.5rem;
       }
@@ -231,7 +231,7 @@ export default {
     }
     .texts {
       top: 18rem !important;
-      left: 25rem !important;
+      left: 20rem !important;
       .banner-title {
         font-size: 1.5rem;
       }
@@ -245,7 +245,7 @@ export default {
     }
     .texts {
       top: 21rem !important;
-      left: 37rem !important;
+      left: 30rem !important;
       .banner-title {
         font-size: 1.5rem;
       }

src/pages/overviewLocation/index.vue

@@ -123,7 +123,7 @@ export default {
     .single-banner {
       .texts {
         top: 11rem !important;
-        left: 12rem !important;
+        left: 8rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -139,7 +139,7 @@ export default {
     .single-banner {
       .texts {
         top: 11rem !important;
-        left: 15rem !important;
+        left: 10rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -157,7 +157,7 @@ export default {
       }
       .texts {
         top: 14rem !important;
-        left: 18rem !important;
+        left: 13rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -174,7 +174,7 @@ export default {
       }
       .texts {
         top: 12rem !important;
-        left: 24rem !important;
+        left: 20rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -191,7 +191,7 @@ export default {
       }
       .texts {
         top: 20rem !important;
-        left: 34rem !important;
+        left: 30rem !important;
         .banner-title {
           font-size: 1.8rem;
         }
@@ -225,7 +225,7 @@ export default {
       }
       .texts {
         top: 25rem !important;
-        left: 55rem !important;
+        left: 50rem !important;
         .banner-title {
           font-size: 1.8rem;
         }

src/pages/overviewSetup/index.vue

@@ -151,7 +151,7 @@ export default {
     }
     .texts {
       top: 9rem !important;
-      left: 11rem !important;
+      left: 8rem !important;
       .banner-title {
         font-size: 1.5rem;
       }
@@ -173,7 +173,7 @@ export default {
     }
     .texts {
       top: 11rem !important;
-    left: 15rem !important;
+    left: 10rem !important;
       .banner-title {
         font-size: 1.5rem;
       }
@@ -188,7 +188,7 @@ export default {
     }
     .texts {
       top: 14rem !important;
-    left: 18rem !important;
+    left: 13rem !important;
       .banner-title {
         font-size: 1.5rem;
       }

src/pages/overviewTrailer/index.vue

@@ -145,7 +145,7 @@ export default {
     .single-banner {
       .texts {
         top: 11rem !important;
-        left: 15rem !important;
+        left: 12rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -167,7 +167,7 @@ export default {
       }
       .texts {
         top: 14rem !important;
-        left: 18rem !important;
+        left: 15rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -188,7 +188,7 @@ export default {
       }
       .texts {
         top: 18rem !important;
-        left: 24rem !important;
+        left: 20rem !important;
         .banner-title {
           font-size: 1.5rem;
         }
@@ -209,7 +209,7 @@ export default {
       }
       .texts {
         top: 20rem !important;
-        left: 34rem !important;
+        left: 28rem !important;
         .banner-title {
           font-size: 1.8rem;
         }
@@ -251,7 +251,7 @@ export default {
       }
       .texts {
         top: 25rem !important;
-        left: 55rem !important;
+        left: 50rem !important;
         .banner-title {
           font-size: 1.8rem;
         }

src/pages/research/index.vue

@@ -160,7 +160,7 @@ export default {
     overflow: hidden;
   }
   h6 {
-    font-size: 1.8rem;
+    font-size: 1.5rem;
     white-space: nowrap;
   }
   .des {
@@ -250,7 +250,7 @@ export default {
   }
 }
 
-@media (min-width: 280px) and (max-width: 750px) {
+@media (min-width: 280px) and (max-width: 1200px) {
   .wrap{
   /deep/ .el-carousel {
     height: 18rem;
@@ -299,4 +299,319 @@ export default {
   height: 20rem;
  }
 }
+@media (max-width: 320px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 13rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 13rem !important; 
+    }
+    /deep/  .el-carousel__item {
+      height: 13rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 13rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .b-title  {
+      font-size: 2rem;
+    }
+    .group ,.news{
+      li {
+        img {
+          height: 13rem;
+        }
+        .text {
+          font-size: 2rem;
+          line-height: 1.8rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 15rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 15rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 15rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 15rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .b-title  {
+      font-size: 2rem;
+    }
+    .group ,.news{
+      li {
+        img {
+          height: 13rem;
+        }
+        .text {
+          font-size: 2rem;
+          line-height: 1.8rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 20rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 20rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 20rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 20rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .area {
+    li {
+      .pic {
+        height: 25rem;
+      }
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .b-title  {
+      font-size: 2rem;
+    }
+    .group ,.news{
+      li {
+        img {
+          height: 15rem;
+        }
+        .text {
+          font-size: 2rem;
+          line-height: 1.8rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 25rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 25rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 25rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 25rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .area {
+    li {
+      .pic {
+        height: 25rem;
+      }
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .b-title  {
+      font-size: 2rem;
+    }
+    .group ,.news{
+      li {
+        img {
+          height: 20rem;
+        }
+        .text {
+          font-size: 2rem;
+          line-height: 1.8rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 25rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 25rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 25rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 25rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .area {
+    li {
+      .pic {
+        height: 30rem;
+      }
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .b-title  {
+      font-size: 2rem;
+    }
+    .group ,.news{
+      li {
+        img {
+          height: 20rem;
+        }
+        .text {
+          font-size: 2rem;
+          line-height: 1.8rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 30rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 30rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 30rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 30rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .area {
+    li {
+      .pic {
+        height: 35rem;
+      }
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .b-title  {
+      font-size: 2rem;
+    }
+    .group ,.news{
+      li {
+        img {
+          height: 25rem;
+        }
+        .text {
+          font-size: 2rem;
+          line-height: 1.8rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap  {
+    /deep/ .el-carousel{
+      height: 35rem !important;
+    }
+    /deep/ .el-carousel__container{
+      height: 35rem !important;
+    }
+    /deep/  .el-carousel__item {
+      height: 35rem !important;
+    }
+  }
+  .banner-item{
+    img {
+      height: 35rem !important;
+    }
+    .banner-name {
+      font-size: 1.5rem;
+      line-height: 1rem;
+      left: 5rem;
+    }
+  }
+  .area {
+    li {
+      .pic {
+        height: 40rem;
+      }
+    }
+  }
+  .block {
+    padding: 1.25rem 0 ;
+    .b-title  {
+      font-size: 2rem;
+    }
+    .group ,.news{
+      li {
+        img {
+          height: 25rem;
+        }
+        .text {
+          font-size: 2rem;
+          line-height: 1.8rem;
+        }
+      }
+    }
+  }
+}
 </style>

src/pages/talentCenter/index.vue

@@ -354,6 +354,17 @@ export default {
   }
 }
 @media (max-width: 320px) {
+  .wrap  {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+      .texts {
+        left: 3rem;
+        top: 7rem;
+      }
+    }
+  }
   .content {
     .article {
       .left {
@@ -377,6 +388,17 @@ export default {
   }
 }
 @media (min-width: 320px) and (max-width: 375px) {
+  .wrap  {
+    .single-banner {
+      .banner-img {
+        height: 15rem;
+      }
+      .texts {
+        left: 3rem;
+        top: 7rem;
+      }
+    }
+  }
   .content {
     .article {
       .left {
@@ -400,6 +422,17 @@ export default {
   }
 }
 @media (min-width: 375px) and (max-width: 480px) {
+  .wrap  {
+    .single-banner {
+      .banner-img {
+        height: 18rem;
+      }
+      .texts {
+        left: 3rem;
+        top: 10rem;
+      }
+    }
+  }
   .content {
     .article {
       .left {
@@ -423,6 +456,17 @@ export default {
   }
 }
 @media (min-width: 480px) and (max-width: 640px) {
+  .wrap  {
+    .single-banner {
+      .banner-img {
+        height: 20rem;
+      }
+      .texts {
+        left: 3rem;
+        top: 12rem;
+      }
+    }
+  }
     .content {
     .article {
       .left {
@@ -446,6 +490,17 @@ export default {
   }
 }
 @media (min-width: 640px) and (max-width: 768px) {
+  .wrap  {
+    .single-banner {
+      .banner-img {
+        height: 22rem;
+      }
+      .texts {
+        left: 3rem;
+        top: 14rem;
+      }
+    }
+  }
   .content {
     .article {
       .left {
@@ -469,6 +524,17 @@ export default {
   }
 }
 @media (min-width: 768px) and (max-width: 980px) {
+  .wrap  {
+    .single-banner {
+      .banner-img {
+        height: 26rem;
+      }
+      .texts {
+        left: 3rem;
+        top: 16rem;
+      }
+    }
+  }
   .content {
     .article {
       .left {
@@ -492,6 +558,17 @@ export default {
   }
 }
 @media (min-width: 980px) and (max-width: 1200px) {
+  .wrap  {
+    .single-banner {
+      .banner-img {
+        height: 30rem;
+      }
+      .texts {
+        left: 3rem;
+        top: 18rem;
+      }
+    }
+  }
   .content {
     .article {
       .left {

src/setting.js

@@ -4,8 +4,8 @@
 const isDev = process.env.NODE_ENV === 'development' // 开发环境
 let host = `${location.origin}/`
 if (isDev) {
-  host = 'http://192.168.31.151:10000/'
+  // host = 'http://192.168.31.52:10000/'
-  // host = 'http://192.168.31.136:10000/'
+  host = 'http://192.168.31.136:10000/'
 }
 
 const Setting = {