教学研发页面修改

pages/services/teach.vue

@@ -3,7 +3,8 @@
   <div>
     <div class="banner"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/banner.jpg" /></div>
     <section class="section">
-      <div class="section-inner section-1">
+      <div class="section-inner ">
+        <div class="section-1">
           <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/1.jpg" /></div>
           <div class="section-content">
             <h2 class="section-title">课程教学资源建设</h2>
@@ -17,9 +18,12 @@
             </ol>
           </div>
         </div>
+        <img src="https://webapp-pub.ezijing.com/www/pc/services/teach/12.jpg" class="section-img" />
+      </div>
     </section>
     <section class="section">
-      <div class="section-inner section-2">
+      <div class="section-inner">
+        <div class="section-2">
           <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/2.jpg" /></div>
           <div class="section-content">
             <h2 class="section-title">教师教学创新团队培养</h2>
@@ -34,9 +38,12 @@
             </ol>
           </div>
         </div>
+        <img src="https://webapp-pub.ezijing.com/www/pc/services/teach/22.jpg" class="section-img" />
+      </div>
     </section>
     <section class="section">
-      <div class="section-inner section-3">
+      <div class="section-inner">
+        <div class="section-3">
           <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/3.jpg" /></div>
           <div class="section-content">
             <h2 class="section-title">教材与教法改革</h2>
@@ -50,9 +57,16 @@
             </ol>
           </div>
         </div>
+        <div class="section-con">
+          <div class="con-tit">教材和教法相对应</div>
+          <img src="https://webapp-pub.ezijing.com/www/pc/services/teach/33.jpg" class="con-img" />
+          <div class="con-desc">基于SaaS平台、商业数据分析实验室、数字营销实验室、数字运营实验室、引产入校中心</div>
+        </div>
+      </div>
     </section>
     <section class="section">
-      <div class="section-inner section-4">
+      <div class="section-inner">
+        <div class="section-4">
           <div class="section-content">
             <h2 class="section-title">实训实践基地建设</h2>
             <p class="section-desc">
@@ -66,9 +80,14 @@
             </ol>
           </div>
         </div>
+        <img src="https://webapp-pub.ezijing.com/www/pc/services/teach/44.jpg" class="section-img" />
+      </div>
     </section>
     <section class="section">
-      <div class="section-inner section-5">
+      <div class="section-inner">
+        <div class="section-5">
+          <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/5.jpg" /></div>
+
           <div class="section-content">
             <h2 class="section-title">高质量实习就业</h2>
             <p class="section-desc">
@@ -81,7 +100,8 @@
               <li>就业技能提升</li>
             </ol>
           </div>
-        <div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/services/teach/5.jpg" /></div>
+        </div>
+        <img src="https://webapp-pub.ezijing.com/www/pc/services/teach/55.jpg" class="section-img" />
       </div>
     </section>
     <section class="section">
@@ -136,6 +156,9 @@ export default {
   margin: 0 auto;
   padding: 120px 0;
 }
+.section-img {
+  margin-top: 120px;
+}
 .section-title {
   position: relative;
   margin-bottom: 40px;
@@ -187,7 +210,10 @@ export default {
   }
 }
 .section-1,
+.section-2,
 .section-3,
+.section-4,
+.section-5,
 .section-6 {
   display: flex;
   align-items: center;
@@ -195,9 +221,38 @@ export default {
     margin-right: 72px;
   }
 }
-.section-2 {
-  .section-pic {
-    margin-bottom: 40px;
+// .section-3 {
+// .section-pic {
+//   margin-bottom: 40px;
+// }
+.section-con {
+  width: 1200px;
+  margin: 88px auto;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  .con-tit {
+    font-size: 24px;
+    font-weight: 500;
+    color: #333333;
+    opacity: 1;
+  }
+  .con-img {
+    margin-top: 30px;
+  }
+  .con-desc {
+    width: 921px;
+    height: 44px;
+    background: #aa1941;
+    border-radius: 6px;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 44px;
+    color: #ffffff;
+    margin-top: 33px;
   }
 }
 .section-4 {
@@ -216,11 +271,4 @@ export default {
     color: #fff;
   }
 }
-.section-5 {
-  display: flex;
-  align-items: center;
-  .section-pic {
-    margin-left: 72px;
-  }
-}
 </style>