课程开发平台运营页面开发

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

@@ -2189,6 +2189,22 @@
         li:nth-child(6) div{background-image: url("~static/images/client/component/product-function-bj6.png");}
       }
     }
+
+    // 应用场景
+    .application-scenario-box{
+      .application-scenario-list{
+        display: flex;justify-content: space-between;margin: 90px 0;
+        li{width: 345px;height: 358px;position: relative}
+        li:nth-child(1){background-image: url("~static/images/client/course/course-platform-img5.png");}
+        li:nth-child(2){background-image: url("~static/images/client/course/course-platform-img6.png");}
+        li:nth-child(3){background-image: url("~static/images/client/course/course-platform-img7.png");}
+        p{width:80%;font-size: 16px;font-weight: 400;text-align: justify;color: #565656;
+          margin: 170px auto 0;line-height: 26px;}
+        h4{font-size: 24px;font-weight: 400;color: #fff;position: absolute;bottom: 20px;
+          left: 0;right: 0;}
+      }
+    }
+
     @media (max-width: 768px){
       // 产品功能
       .course-product-function {
@@ -2200,6 +2216,17 @@
           div {width: 283px;height: 84px;margin: 10px auto;padding: 8px 16px;}
         }
       }
+
+      // 应用场景
+      .application-scenario-box{
+        .application-scenario-list{
+          flex-wrap: wrap;justify-content: center;margin: 16px 0;
+          li{width: 283px;height: 294px;background-position: center;background-repeat: no-repeat;
+            background-size: contain;margin: 16px 6px;}
+          p{width:86%;font-size: 12px;margin: 120px auto 0;line-height: 22px;}
+          h4{font-size: 14px;bottom: 20px;}
+        }
+      }
     }
   }
 

pages/courseware/platform.vue

@@ -76,6 +76,27 @@
           </ul>
         </div>
       </div>
+
+      <!--  应用场景 -->
+      <div class="application-scenario-box">
+        <div class="client-container tc">
+          <h4 class="client-title">应用场景</h4>
+          <ul class="application-scenario-list">
+            <li>
+              <p>销售人员在入职后，根据不同岗位和职能自动匹配课程，不限制学习场景。通过签到+学习+考试3大功能模块，为员工提供对应的课程和培训资料。</p>
+              <h4>销售培训</h4>
+            </li>
+            <li>
+              <p>用数据量化+考试测评，辅助匹配职位评价管理，学习+考试+测评+数据报表多维度培训，需要学习和考试配合上下级测评全部达标，满足人管理计划。</p>
+              <h4>能力测评</h4>
+            </li>
+            <li>
+              <p>支持定期设置培训管理计划，帮助企业进行人才培养体系管理，帮助提升领导力，建立核心岗位能力模型</p>
+              <h4>培训管理</h4>
+            </li>
+          </ul>
+        </div>
+      </div>
     </div>
 </template>