积分规则

src/views/PersonalCenter/ProgressPoints/IntegralRule/IntegralRuleIndex.vue

@@ -2,14 +2,26 @@
  * @Description: 进步积分 => 积分规则
  * @Author: 空白格
  * @Date: 2022-08-26 10:55:06
- * @LastEditors: 空白格
- * @LastEditTime: 2022-08-26 11:02:38
+ * @LastEditors: gcz
+ * @LastEditTime: 2022-08-26 14:39:01
  * @FilePath: \veterans_client_web\src\views\PersonalCenter\ProgressPoints\IntegralRule\IntegralRuleIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
 <template>
   <div>
-    <BannerBreadcrumb title="线下课程" :isRouter="true" />
+    <BannerBreadcrumb title="积分规则" :isRouter="true" />
+    <section class="wrap-r">
+      <div class="rules-title">积分规则</div>
+      <ul class="rules-list">
+        <li>1，完成各段时间采集信息提交  +50</li>
+        <li>2，教师评价大于3星，+50</li>
+        <li>3，完成一项课程（看完一个课程中所有视频），  +5</li>
+        <li>4，完成适应性培训   +100</li>
+        <li>5，上传证书及成绩（每张）    +10</li>
+        <li>6，开展一项技能培训（某技能报名成功并开班）  +20</li>
+        <li>7，通过平台入职   +30</li>
+      </ul>
+    </section>
   </div>
 </template>
 
@@ -22,3 +34,26 @@ export default {
   }
 }
 </script>
+<style lang='scss' scoped>
+.wrap-r{
+  min-height: calc( 100vh - 73px - 104px - 100px - 64px - 23px);
+  box-sizing: border-box;
+  background: #fff;
+  padding: 20px;
+  width:70%;
+  margin: 23px auto 0;
+  .rules-title{
+    text-align: center;
+    font-size: 26px;
+    border-bottom: 1px solid #D5D5D5;
+    padding-bottom: 18px;
+    margin-bottom: 40px;
+  }
+  .rules-list{
+    color: #666;
+    li{
+      margin-bottom: 15px;
+    }
+  }
+}
+</style>