教育行业-详情页

assets/scss/cus-client/cus-client-page.scss

@@ -1114,5 +1114,27 @@
         .change-content-right{background-image: url("~static/images/client/industrydetails/traffic-right-bg.png");}
     }
   }
+
+  /********  describe: 教育行业-详情页  author: TX  date:2020-09-02  ********/
+  .client-education-page{
+    // banner
+    .education-banner{width: 100%;height: 400px;background-image: url("~static/images/client/industrydetails/education-banner-img.png");background-position-x: center;}
+
+    // 我们的系统为您改变了什么
+    .education-change-box{
+      background: #F9FAFF;
+      padding-bottom: 80px;
+      li{margin-bottom: 16px;}
+      i{width: 14px;height: 14px;float:left;box-sizing: border-box;opacity: 0.8;display: block;border: 1px solid #13192D;transform: rotate(45deg);margin-right: 16px;margin-top: 4px;}
+      h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 24px;}
+      p{@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;text-align: left;}
+      img{position: absolute;top: 50%;margin-top: -78px;left:50%;margin-left: -54px;}
+      .change-content{margin-top: 48px;position: relative;}
+      .change-content-left{width: 637px;height: 338px;float:left;padding:32px 48px;background-image: url("~static/images/client/industrydetails/education-left-bg.png");box-sizing: border-box;}
+      .change-content-right{width: 610px;height: 338px;float:right;padding:32px 0 32px 100px;background-image: url("~static/images/client/industrydetails/education-right-bg.png");box-sizing: border-box;margin-left: -55px;}
+    }
+
+
+  }
 }
 

pages/Industrydetails/education.vue

@@ -1,5 +1,51 @@
 <template>
-    
+  <!-- 教育行业-详情页 -->
+  <div class="client-education-page">
+
+    <!-- 教育行业banner栏 -->
+    <div class="education-banner"></div>
+
+    <!-- 教育行业的发展现状 -->
+    <div class="industrydetails-develop-box">
+      <h4 class="client-title">教育行业的发展现状</h4>
+      <div class="client-container">
+        <p>现如今，互联网教育正以迅雷不及掩耳之势搅动市场，“智能学习”成了一个新的市场。教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，现在都可以通过选择一套合理化的方案来得到解决，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。</p>
+        <img :src="developImg" alt="教育行业的发展现状" />
+      </div>
+    </div>
+
+    <!-- 我们的系统为您改变了什么 -->
+    <div class="education-change-box">
+      <h4 class="client-title">我们的系统为您改变了什么</h4>
+      <div class="client-container">
+        <div class="change-content tc fn-clear">
+          <div class="change-content-left">
+            <h5>传统方式出现的问题</h5>
+            <ul>
+              <li><i></i><p>无论讲师的讲解你是否听明白，你都只能听一次，无法重听</p></li>
+              <li><i></i><p>讲师讲的最好的课程无法重复传递给用户</p></li>
+              <li><i></i><p>只能在教室这样的固定地点听课</p></li>
+              <li><i></i><p>无法把有价值的提问保存下来，给未来其他用户提供参考</p></li>
+              <li><i></i><p>由于场地限制，无法组织更多的人一起听课，传播面太小</p></li>
+              <li><i></i><p>传统的纸质考试的费时，费力，易出错</p></li>
+            </ul>
+          </div>
+          <img :src="changeImg" alt="vs" />
+          <div class="change-content-right">
+            <h5>我们能够解决的问题</h5>
+            <ul>
+              <li><i></i><p>重复听讲：网络学习可无限次重复听讲，问答互动也可以保留分享</p></li>
+              <li><i></i><p>个人时间：网络学习可节约个人大量时间</p></li>
+              <li><i></i><p>难点学习：网络学习可依据个人情况重复学习难点、易错点</p></li>
+              <li><i></i><p>培训费用：可节省讲师、场地、交通等大笔费用</p></li>
+              <li><i></i><p>时间灵活：时间灵活，自己时间允许的情况下学习</p></li>
+              <li><i></i><p>学习交流：学习过程中可自由与老师交流疑点难点</p></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -9,9 +55,9 @@
         data() {
           return {
             // 发展现状img
-            developImg:   require(`~/static/images/client/industrydetails/government-develop-img.png`),
+            developImg:   require(`~/static/images/client/industrydetails/education-develop-img.png`),
             // 我们的系统为您改变了什么 img
-            changeImg:   require(`~/static/images/client/industrydetails/government-change-img.png`),
+            changeImg:   require(`~/static/images/client/industrydetails/education-change-img.png`),
           }
         },
     };

pages/Industrydetails/traffic.vue

@@ -22,7 +22,7 @@
           <div class="change-content-left">
             <h5>传统培训手段的问题</h5>
             <ul>
-              <li><i></i><p>老员工离职，带走工作经验，新人来再靠感觉重新摸索</p></li>
+              <li><i></i><p>统一组织培训或考试难度非常大</p></li>
               <li><i></i><p>安全学习无法长期反复培训</p></li>
               <li><i></i><p>培训考试成本高、耗费精力</p></li>
               <li><i></i><p>员工分布各地，常年都在船上车上，集中学习困难</p></li>