website改为client

src/assets/css/base/utils.scss

@@ -158,10 +158,10 @@
 }
 
 /*  网站字体样式  */
-$website-font-size:20;
+$client-font-size:20;
 //传入改变数值及是否加粗
 @mixin setFontStyle($fix, $isBold: false) {
-  font-size: #{$website-font-size + $fix}px;
+  font-size: #{$client-font-size + $fix}px;
   @if $isBold == true {
     font-weight: bold;
   }

src/assets/css/cus-website/cus-website-common.scss → src/assets/css/cus-client/cus-client-common.scss

@@ -104,10 +104,10 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 /************************ 网站公共class样式 author: TX  date:2020-07-30 **********************/
 
 /*  网站主体部分 */
-.website-container{width: 1200px;margin: 0 auto;}
+.client-container{width: 1200px;margin: 0 auto;}
 
 /* 网站头部导航栏 */
-.website-head{
+.client-head{
   width: 100%;
   height: 80px;
   background: #fff;
@@ -138,18 +138,18 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     display: flex;
 
     //头部图标
-    a{width: 160px;height: 80px;display: inline-block;background-image: url("~@/assets/images/website/component/" + "nav-logo.svg");background-repeat: no-repeat;background-position: center;}
+    a{width: 160px;height: 80px;display: inline-block;background-image: url("~@/assets/images/client/component/" + "nav-logo.svg");background-repeat: no-repeat;background-position: center;}
   }
 
   //头部右侧区域
   .head-right{
-      i{width: 19px;height: 24px;display:inline-block;background-image: url("~@/assets/images/website/component/" + "nav-phone.svg");margin-right: 8px;vertical-align: middle;}
+      i{width: 19px;height: 24px;display:inline-block;background-image: url("~@/assets/images/client/component/" + "nav-phone.svg");margin-right: 8px;vertical-align: middle;}
       span{@include setFontStyle(-2);line-height: 80px;color: rgba(0,0,0,0.85);}
   }
 }
 
 /* 网站头部导栏 - 面包屑 */
-.website-breadcrumb-box {
+.client-breadcrumb-box {
   width: 1200px;
   font-size: 16px;
   margin: 24px auto;
@@ -162,7 +162,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   .st-breadcrumb-item {display: inline-block;vertical-align: middle;color: #4a73fd;text-decoration: none;}
   .st-breadcrumb-item:hover {cursor: pointer;}
   .st-breadcrumb-item:after {width: 11px;height: 16px;content: '';display: inline-block;padding: 0 16px;vertical-align: middle;zoom:0.8;-moz-transform:scale(0.8,0.8);
-    background-image: url("~@/assets/images/website/component/" + "breadcrumb-icon.svg");background-repeat: no-repeat;background-position: center;}
+    background-image: url("~@/assets/images/client/component/" + "breadcrumb-icon.svg");background-repeat: no-repeat;background-position: center;}
   .breadcrumb-div{display: inline-block;vertical-align: middle;}
   .st-breadcrumb-item-last {display: inline-block;text-decoration: none;color: #333;vertical-align: middle;}
   .st-breadcrumb-item-last:hover {cursor: default;}
@@ -177,7 +177,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 }
 
 /* 网站底部footer */
-.website-footer{
+.client-footer{
   background: #1E2534;
   //footer内容区域
   .contact-box{
@@ -204,7 +204,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     border-right: 0;
     border-left: 0;
     padding: 32px 0;
-    h4{@include setFontStyle(-4);color: #FFF;float: left;margin-right: 48px;}
+    h4{@include setFontStyle(-4);color: #FFF;float: left;margin-right: 48px;line-height: 22px;}
     .link-a-box{
       margin-left: 114px;
       line-height: 22px;
@@ -217,10 +217,10 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 }
 
 /* 网站通用详情页布局 */
-.website-details-page{
+.client-details-page{
   background: #f9faff;
   width: 100%;
-  .website-details-wrap{
+  .client-details-wrap{
     width: 1200px;
     margin: 24px auto;
     padding: 32px;
@@ -231,11 +231,11 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     >h1{@include setFontStyle(0);color: rgba(0,0,0,0.85);margin-bottom: 16px;text-align: center}
     p{
       margin-bottom: 24px;
-      i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~@/assets/images/website/industry/" + "industry-details-time.svg");}
-      i[type="visits"]{background-image: url("~@/assets/images/website/industry/" + "industry-details-visits.svg");}
+      i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~@/assets/images/client/industry/" + "industry-details-time.svg");}
+      i[type="visits"]{background-image: url("~@/assets/images/client/industry/" + "industry-details-visits.svg");}
       span{@include setFontStyle(-6);display:inline-block;color: #666;margin-right: 60px;vertical-align: middle;}
     }
-    .website-content-box{
+    .client-content-box{
       line-height: 24px;
       color: rgba(0,0,0,0.64);
       @include setFontStyle(-6);

src/assets/css/cus-website/cus-website-page.scss → src/assets/css/cus-client/cus-client-page.scss

@@ -1,15 +1,15 @@
 @import "../base/utils";
-@import "cus-website-common";
+@import "cus-client-common";
 
-@mixin setWebsitePage() {
+@mixin setClientPage() {
   /********  describe: 网站首页  author: TX  date:2020-07-30  ********/
-  .website-index-page{
+  .client-index-page{
      width: 100%;
     /* 网站banner */
-    .website-banner{
+    .client-banner{
       width: 100%;
       height: 480px;
-      background-image: url("~@/assets/images/website/index/" + "index-banner-background.png");
+      background-image: url("~@/assets/images/client/index/" + "index-banner-background.png");
       background-position-x: center;
       .banner-left{
         width:500px;
@@ -22,12 +22,12 @@
         height: 432px;
         float: right;
         margin-top: 48px;
-        background-image: url("~@/assets/images/website/index/" + "index-banner-img.png");
+        background-image: url("~@/assets/images/client/index/" + "index-banner-img.png");
         position: relative;
           .banner-tel-box{
             width: 284px;
             height: 328px;
-            background-image: url("~@/assets/images/website/index/" + "index-banner-tel.png");
+            background-image: url("~@/assets/images/client/index/" + "index-banner-tel.png");
             position: absolute;
             top: -10px;
             left: 140px;
@@ -47,7 +47,7 @@
             position: absolute;
             top: 86px;
             right: 62px;
-            background-image: url("~@/assets/images/website/index/" + "index-banner-pie.png");
+            background-image: url("~@/assets/images/client/index/" + "index-banner-pie.png");
             animation: 5s webPie ease infinite;-webkit-animation: 5s webPie ease infinite;-moz-animation: 5s webPie ease infinite;-o-animation: 5s webPie ease infinite;
             }
             //饼图动画效果
@@ -102,7 +102,7 @@
     }
 
     /* 网站标题 */
-    .website-index-title{ @include setFontStyle(14);color: rgba(0,0,0,0.85);letter-spacing: 0;padding-top: 80px;text-align: center;}
+    .client-index-title{ @include setFontStyle(14);color: rgba(0,0,0,0.85);letter-spacing: 0;padding-top: 80px;text-align: center;}
 
     /* 产品和服务 */
     .products-services-box{
@@ -138,24 +138,24 @@
           .products-services-img{
             width: 148px;
             margin-left: -74px;
-            background-image: url("~@/assets/images/website/index/" + "index-products-kaoshi.png");
-            i{width:57px;height:41px;top: 28px;left: 50px;background-image: url("~@/assets/images/website/index/" + "index-products-kaoshi-icon.png");animation: 3s servicesImgUpDown linear infinite;}
+            background-image: url("~@/assets/images/client/index/" + "index-products-kaoshi.png");
+            i{width:57px;height:41px;top: 28px;left: 50px;background-image: url("~@/assets/images/client/index/" + "index-products-kaoshi-icon.png");animation: 3s servicesImgUpDown linear infinite;}
           }
         }
         li:nth-child(2){
           .products-services-img{
             width: 138px;
             margin-left: -69px;
-            background-image: url("~@/assets/images/website/index/" + "index-products-peixun.png");
-            i{width:31px;height:45px;top: 28px;left: 60px;background-image: url("~@/assets/images/website/index/" + "index-products-peixun-icon.png");animation: 3s servicesImgUpDown linear infinite;}
+            background-image: url("~@/assets/images/client/index/" + "index-products-peixun.png");
+            i{width:31px;height:45px;top: 28px;left: 60px;background-image: url("~@/assets/images/client/index/" + "index-products-peixun-icon.png");animation: 3s servicesImgUpDown linear infinite;}
           }
         }
         li:nth-child(3){
           .products-services-img{
             width: 155px;
             margin-left: -77px;
-            background-image: url("~@/assets/images/website/index/" + "index-products-kejian.png");
-            i{width:48px;height:48px;top: 35px;left: 45px;background-image: url("~@/assets/images/website/index/" + "index-products-kejian-icon.png");transform:rotate(0);animation: 4s servicesImgRotate linear infinite;}
+            background-image: url("~@/assets/images/client/index/" + "index-products-kejian.png");
+            i{width:48px;height:48px;top: 35px;left: 45px;background-image: url("~@/assets/images/client/index/" + "index-products-kejian-icon.png");transform:rotate(0);animation: 4s servicesImgRotate linear infinite;}
           }
         }
         //小图标动画效果
@@ -182,7 +182,7 @@
     }
 
     /* 行业学习需求 */
-    .website-demand-box{
+    .client-demand-box{
       background: #F9FAFF;
       padding-bottom: 80px;
       // 行业ul
@@ -209,7 +209,7 @@
     }
 
     /* 超过10万家客户的信任之选 */
-    .website-customer-box{
+    .client-customer-box{
       .customer-img-box{
         margin: 40px 0 80px;
         li{
@@ -224,10 +224,10 @@
     }
 
     /* 我们始终专注教育系统研发更懂用户需求 */
-    .website-cert-box{
+    .client-cert-box{
       background: #F9FAFF;
       padding-bottom: 80px;
-      .website-index-title{padding-bottom: 8px;}
+      .client-index-title{padding-bottom: 8px;}
       .cert-img-box{
         display: flex;
         justify-content: space-between;
@@ -241,7 +241,7 @@
     }
 
     /* 为什么选择我们 */
-    .website-chose-box{
+    .client-chose-box{
       padding-bottom: 80px;
       .chose-img-box{
         li{
@@ -251,20 +251,20 @@
           h2{@include setFontStyle(2);text-align: center;color: rgba(0,0,0,0.85);}
         }
         li:nth-child(1){
-          div{background-image: url("~@/assets/images/website/index/" + "index-chose-service.png");}
-          i{background-image: url("~@/assets/images/website/index/" + "index-chose-service-icon.png");animation: 3s choseImgUpDown1 linear infinite;}
+          div{background-image: url("~@/assets/images/client/index/" + "index-chose-service.png");}
+          i{background-image: url("~@/assets/images/client/index/" + "index-chose-service-icon.png");animation: 3s choseImgUpDown1 linear infinite;}
         }
         li:nth-child(2){
-          div{background-image: url("~@/assets/images/website/index/" + "index-chose-system.png");}
-          i{background-image: url("~@/assets/images/website/index/" + "index-chose-system-icon.png");top: 30px;left: 55px;animation: 3s choseImgUpDown2 linear infinite;}
+          div{background-image: url("~@/assets/images/client/index/" + "index-chose-system.png");}
+          i{background-image: url("~@/assets/images/client/index/" + "index-chose-system-icon.png");top: 30px;left: 55px;animation: 3s choseImgUpDown2 linear infinite;}
         }
         li:nth-child(3){
-          div{background-image: url("~@/assets/images/website/index/" + "index-chose-tech.png");}
-          i{background-image: url("~@/assets/images/website/index/" + "index-chose-tech-icon.png");animation: 3s choseImgUpDown1 linear infinite;}
+          div{background-image: url("~@/assets/images/client/index/" + "index-chose-tech.png");}
+          i{background-image: url("~@/assets/images/client/index/" + "index-chose-tech-icon.png");animation: 3s choseImgUpDown1 linear infinite;}
         }
         li:nth-child(4){
-          div{background-image: url("~@/assets/images/website/index/" + "index-chose-operate.png");}
-          i{background-image: url("~@/assets/images/website/index/" + "index-chose-operate-icon.png");top: 50px;animation: 3s choseImgUpDown3 linear infinite;}
+          div{background-image: url("~@/assets/images/client/index/" + "index-chose-operate.png");}
+          i{background-image: url("~@/assets/images/client/index/" + "index-chose-operate-icon.png");top: 50px;animation: 3s choseImgUpDown3 linear infinite;}
         }
         li:hover{
           div{box-shadow: 0 3px 9px rgba(43, 92, 253,0.25);transform: translateY(-10px);cursor: pointer;}
@@ -287,7 +287,7 @@
     }
 
     /* 行业资讯 */
-    .website-industry-information{
+    .client-industry-information{
       background: #F9FAFF;
       padding-bottom: 80px;
       // 轮播组件
@@ -301,7 +301,7 @@
       .el-carousel__item{
         background: #FFFFFF;
         border-radius: 8px;
-        .website-img-box{
+        .client-img-box{
           width: 25%;
           height: 360px;
           background-repeat: no-repeat;
@@ -310,7 +310,7 @@
           transition: 0.3s;
           float: left;
         }
-        .website-content-box{
+        .client-content-box{
           margin-left: 25%;
           padding:32px;
           height: inherit;
@@ -325,8 +325,8 @@
       .el-carousel__item.is-active{
         height: 350px;
         box-shadow: 0 4px 8px 0 rgba(214, 214, 214, 0.76);
-        .website-img-box{width: 50%;}
-        .website-content-box{
+        .client-img-box{width: 50%;}
+        .client-content-box{
           margin-left: 50%;
         }
       }

src/assets/css/mixin/mixin.scss

@@ -3,11 +3,11 @@
  * @Description 【注意】 此scss为全局最高样式应位于所有scss文件下
  */
 @import "../cus-element/cus-elementui";
-@import "../cus-website/cus-website-common.scss";
-@import "../cus-website/cus-website-page.scss";
+@import "../cus-client/cus-client-common";
+@import "../cus-client/cus-client-page";
 
 @mixin setStyle($project, $type) {
 
   @include setFontElement();//饿了么样式
-  @include setWebsitePage();//网站页面样式
+  @include setClientPage();//网站页面样式
 }

src/components/client/common/MtaBreadcrumb.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="website-breadcrumb-box">
+    <div class="client-breadcrumb-box">
         <div class="st-breadcrumb">
             <router-link :to="item.path" :class="!item.last ? 'st-breadcrumb-item' : 'st-breadcrumb-item-last'"
                          v-for="item in nodes"

src/components/client/common/footer.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="website-footer">
-        <div class="website-container">
+    <div class="client-footer">
+        <div class="client-container">
             <div class="contact-box">
                 <div class="contact-left-box">
                     <dl>

src/components/client/common/header.vue

@@ -1,6 +1,6 @@
 <template>
-    <nav class="website-head">
-        <div class="website-container head-layout">
+    <nav class="client-head">
+        <div class="client-container head-layout">
             <div class="head-left">
                 <a></a>
                 <el-menu

src/views/client/Index.vue

@@ -1,11 +1,11 @@
 <template>
-    <div class="website-index-page">
+    <div class="client-index-page">
         <!-- 首页导航栏 -->
         <mta-header></mta-header>
 
         <!-- 首页banner栏 -->
-        <div class="website-banner">
-            <div class="website-container">
+        <div class="client-banner">
+            <div class="client-container">
                 <!--  banner左侧区域 -->
                 <div class="banner-left">
                     <h1>让知识更有价值</h1>
@@ -29,9 +29,9 @@
         </div>
 
         <!-- 产品和服务 -->
-        <div class="website-products-services">
-            <div class="website-container">
-                <h1 class="website-index-title">产品和服务</h1>
+        <div class="client-products-services">
+            <div class="client-container">
+                <h1 class="client-index-title">产品和服务</h1>
                 <ul class="products-services-box">
                     <li>
                         <div class="products-services-img"><i></i></div>
@@ -62,9 +62,9 @@
         </div>
 
         <!-- 行业学习需求 -->
-        <div class="website-demand-box">
-            <div class="website-container">
-                <h1 class="website-index-title">满足不同行业学习需求</h1>
+        <div class="client-demand-box">
+            <div class="client-container">
+                <h1 class="client-index-title">满足不同行业学习需求</h1>
                 <ul class="industry-box">
                     <li><img :src="demandImg1" alt="政府机构"><div><h2>政府机构</h2><p>提高行政服务人员的综合素质和能力的提升，党建知识的考核等</p><a>了解更多</a></div></li>
                     <li><img :src="demandImg2" alt="医药卫生"><div><h2>医药卫生</h2><p>应对种类繁多的专业医疗资格考试，“三基、三严”考试，辅助人才队伍建设</p><a>了解更多</a></div></li>
@@ -83,9 +83,9 @@
         </div>
 
         <!-- 超过10万家客户的信任之选 -->
-        <div class="website-customer-box">
-            <div class="website-container">
-                <h1 class="website-index-title">超过10万家客户的信任之选</h1>
+        <div class="client-customer-box">
+            <div class="client-container">
+                <h1 class="client-index-title">超过10万家客户的信任之选</h1>
                 <ul class="customer-img-box">
                     <li><img :src="customerImg1" alt="中国人民银行"></li>
                     <li><img :src="customerImg2" alt="汇丰"></li>
@@ -112,9 +112,9 @@
         </div>
 
         <!-- 我们始终专注教育系统研发更懂用户需求 -->
-        <div class="website-cert-box">
-            <div class="website-container">
-                <h1 class="website-index-title">我们始终专注教育系统研发更懂用户需求</h1>
+        <div class="client-cert-box">
+            <div class="client-container">
+                <h1 class="client-index-title">我们始终专注教育系统研发更懂用户需求</h1>
                 <div class="cert-img-box">
                     <span><img :src="certImg1" alt="栋科考试管理系统"></span>
                     <span><img :src="certImg2" alt="栋科精品课程管理系统"></span>
@@ -132,9 +132,9 @@
         </div>
 
         <!-- 为什么选择我们 -->
-        <div class="website-chose-box">
-            <div class="website-container">
-                <h1 class="website-index-title">为什么选择我们</h1>
+        <div class="client-chose-box">
+            <div class="client-container">
+                <h1 class="client-index-title">为什么选择我们</h1>
                 <ul class="chose-img-box">
                     <li><div><i></i></div><h2>专业的顾问服务</h2></li>
                     <li><div><i></i></div><h2>完善的培训体系</h2></li>
@@ -145,12 +145,12 @@
         </div>
 
         <!-- 行业资讯 -->
-        <div class="website-industry-information">
-            <h1 class="website-index-title">行业资讯</h1>
+        <div class="client-industry-information">
+            <h1 class="client-index-title">行业资讯</h1>
             <el-carousel :interval="200000" type="card" :autoplay="false" arrow="always">
                 <el-carousel-item v-for="(item,index) in topCarousels" :key="index">
-                    <div class="website-img-box" :style="{backgroundImage: 'url(' + item.pic + ')'}"></div>
-                    <div class="website-content-box"><h1>{{item.title}}</h1>
+                    <div class="client-img-box" :style="{backgroundImage: 'url(' + item.pic + ')'}"></div>
+                    <div class="client-content-box"><h1>{{item.title}}</h1>
                         <p>{{item.intro}}</p><a @click="checkInfo(item)">了解详情</a></div>
                 </el-carousel-item>
             </el-carousel>
@@ -172,49 +172,49 @@
         data() {
             return {
                 // 需求img
-                bannerTelImg:  require(`@/assets/images/website/index/index-banner-screen.png`),
-                demandImg1:    require(`@/assets/images/website/index/index-demand-img1.png`),
-                demandImg2:    require(`@/assets/images/website/index/index-demand-img2.png`),
-                demandImg3:    require(`@/assets/images/website/index/index-demand-img3.png`),
-                demandImg4:    require(`@/assets/images/website/index/index-demand-img4.png`),
-                demandImg5:    require(`@/assets/images/website/index/index-demand-img5.png`),
-                demandImg6:    require(`@/assets/images/website/index/index-demand-img6.png`),
-                demandImg7:    require(`@/assets/images/website/index/index-demand-img7.png`),
-                demandImg8:    require(`@/assets/images/website/index/index-demand-img8.png`),
-                demandImg9:    require(`@/assets/images/website/index/index-demand-img9.png`),
-                demandImg10:   require(`@/assets/images/website/index/index-demand-img10.png`),
-                demandImg11:   require(`@/assets/images/website/index/index-demand-img11.png`),
-                demandImg12:   require(`@/assets/images/website/index/index-demand-img12.png`),
+                bannerTelImg:  require(`@/assets/images/client/index/index-banner-screen.png`),
+                demandImg1:    require(`@/assets/images/client/index/index-demand-img1.png`),
+                demandImg2:    require(`@/assets/images/client/index/index-demand-img2.png`),
+                demandImg3:    require(`@/assets/images/client/index/index-demand-img3.png`),
+                demandImg4:    require(`@/assets/images/client/index/index-demand-img4.png`),
+                demandImg5:    require(`@/assets/images/client/index/index-demand-img5.png`),
+                demandImg6:    require(`@/assets/images/client/index/index-demand-img6.png`),
+                demandImg7:    require(`@/assets/images/client/index/index-demand-img7.png`),
+                demandImg8:    require(`@/assets/images/client/index/index-demand-img8.png`),
+                demandImg9:    require(`@/assets/images/client/index/index-demand-img9.png`),
+                demandImg10:   require(`@/assets/images/client/index/index-demand-img10.png`),
+                demandImg11:   require(`@/assets/images/client/index/index-demand-img11.png`),
+                demandImg12:   require(`@/assets/images/client/index/index-demand-img12.png`),
                 // 客户logo
-                customerImg1:  require(`@/assets/images/website/index/index-customer-img1.png`),
-                customerImg2:  require(`@/assets/images/website/index/index-customer-img2.png`),
-                customerImg3:  require(`@/assets/images/website/index/index-customer-img3.png`),
-                customerImg4:  require(`@/assets/images/website/index/index-customer-img4.png`),
-                customerImg5:  require(`@/assets/images/website/index/index-customer-img5.png`),
-                customerImg6:  require(`@/assets/images/website/index/index-customer-img6.png`),
-                customerImg7:  require(`@/assets/images/website/index/index-customer-img7.png`),
-                customerImg8:  require(`@/assets/images/website/index/index-customer-img8.png`),
-                customerImg9:  require(`@/assets/images/website/index/index-customer-img9.png`),
-                customerImg10: require(`@/assets/images/website/index/index-customer-img10.png`),
-                customerImg11: require(`@/assets/images/website/index/index-customer-img11.png`),
-                customerImg12: require(`@/assets/images/website/index/index-customer-img12.png`),
-                customerImg13: require(`@/assets/images/website/index/index-customer-img13.png`),
-                customerImg14: require(`@/assets/images/website/index/index-customer-img14.png`),
-                customerImg15: require(`@/assets/images/website/index/index-customer-img15.png`),
-                customerImg16: require(`@/assets/images/website/index/index-customer-img16.png`),
-                customerImg17: require(`@/assets/images/website/index/index-customer-img17.png`),
-                customerImg18: require(`@/assets/images/website/index/index-customer-img18.png`),
-                customerImg19: require(`@/assets/images/website/index/index-customer-img19.png`),
-                customerImg20: require(`@/assets/images/website/index/index-customer-img20.png`),
+                customerImg1:  require(`@/assets/images/client/index/index-customer-img1.png`),
+                customerImg2:  require(`@/assets/images/client/index/index-customer-img2.png`),
+                customerImg3:  require(`@/assets/images/client/index/index-customer-img3.png`),
+                customerImg4:  require(`@/assets/images/client/index/index-customer-img4.png`),
+                customerImg5:  require(`@/assets/images/client/index/index-customer-img5.png`),
+                customerImg6:  require(`@/assets/images/client/index/index-customer-img6.png`),
+                customerImg7:  require(`@/assets/images/client/index/index-customer-img7.png`),
+                customerImg8:  require(`@/assets/images/client/index/index-customer-img8.png`),
+                customerImg9:  require(`@/assets/images/client/index/index-customer-img9.png`),
+                customerImg10: require(`@/assets/images/client/index/index-customer-img10.png`),
+                customerImg11: require(`@/assets/images/client/index/index-customer-img11.png`),
+                customerImg12: require(`@/assets/images/client/index/index-customer-img12.png`),
+                customerImg13: require(`@/assets/images/client/index/index-customer-img13.png`),
+                customerImg14: require(`@/assets/images/client/index/index-customer-img14.png`),
+                customerImg15: require(`@/assets/images/client/index/index-customer-img15.png`),
+                customerImg16: require(`@/assets/images/client/index/index-customer-img16.png`),
+                customerImg17: require(`@/assets/images/client/index/index-customer-img17.png`),
+                customerImg18: require(`@/assets/images/client/index/index-customer-img18.png`),
+                customerImg19: require(`@/assets/images/client/index/index-customer-img19.png`),
+                customerImg20: require(`@/assets/images/client/index/index-customer-img20.png`),
                 //证书图片
-                certImg1:      require(`@/assets/images/website/index/index-cert-img1.jpg`),
-                certImg2:      require(`@/assets/images/website/index/index-cert-img2.jpg`),
-                certImg3:      require(`@/assets/images/website/index/index-cert-img3.jpg`),
-                certImg4:      require(`@/assets/images/website/index/index-cert-img4.jpg`),
-                certImg5:      require(`@/assets/images/website/index/index-cert-img5.jpg`),
-                certImg6:      require(`@/assets/images/website/index/index-cert-img6.jpg`),
-                certImg7:      require(`@/assets/images/website/index/index-cert-img7.jpg`),
-                certImg8:      require(`@/assets/images/website/index/index-cert-img8.jpg`),
+                certImg1:      require(`@/assets/images/client/index/index-cert-img1.jpg`),
+                certImg2:      require(`@/assets/images/client/index/index-cert-img2.jpg`),
+                certImg3:      require(`@/assets/images/client/index/index-cert-img3.jpg`),
+                certImg4:      require(`@/assets/images/client/index/index-cert-img4.jpg`),
+                certImg5:      require(`@/assets/images/client/index/index-cert-img5.jpg`),
+                certImg6:      require(`@/assets/images/client/index/index-cert-img6.jpg`),
+                certImg7:      require(`@/assets/images/client/index/index-cert-img7.jpg`),
+                certImg8:      require(`@/assets/images/client/index/index-cert-img8.jpg`),
                 activeIndex:   '首页',
                 topCarousels:  [],
             };

src/views/client/aboutUs.vue

@@ -1,11 +1,14 @@
 <template>
-
+    <div class="client-aboutUs-page">
+        <!-- 首页banner栏 -->
+        <div class="aboutUs-banner"></div>
+    </div>
 </template>
 
 <script>
     import MtaBreadcrumb    from '@/components/client/common/MtaBreadcrumb.vue';
     export default {
-        name:       'courseDev',
+        name:       'aboutUs',
         props:      {
         },
         data() {

src/views/client/newsInforDetails.vue

@@ -1,11 +1,11 @@
 <template>
-    <div class="website-details-page">
+    <div class="client-details-page">
         <MtaBreadcrumb></MtaBreadcrumb>
         <!--网站行业资讯详情页-->
-        <div class="website-details-wrap">
+        <div class="client-details-wrap">
             <h1>{{infoData.title}}</h1>
             <p><i></i><span>{{infoData.startTime}}</span><i type="visits"></i><span>{{infoData.visits}}</span></p>
-            <div class="website-content-box">{{infoData.content}}</div>
+            <div class="client-content-box">{{infoData.content}}</div>
         </div>
     </div>
 </template>