update

src/components/base/AppContainer.vue

@@ -42,6 +42,7 @@ export default {
 .app-container-hd__title {
   font-size: 18px;
   line-height: 1;
+  font-weight: bold;
 }
 .app-container-bd {
   flex: 1;

src/modules/notice/views/Index.vue

@@ -5,7 +5,7 @@
       您好！欢迎参加金融数据合规管理课程及考试。请认真阅读以下须知。预祝大家学习愉快，考试顺利！
     </div> -->
     <div class="apply">
-      <div class="apply__title">申请流程</div>
+      <div class="apply__title">学习流程</div>
       <div class="list-box">
         <div v-for="(item, index) in applyList" class="list" :key="index">
           <el-tooltip :popper-class="`tip${index + 1}`" placement="top" effect="light">
@@ -25,7 +25,15 @@
     </div>
     <div class="notice">
       <div class="notice__title">考试须知</div>
-      <img src="https://webapp-pub.ezijing.com/pages/assa/notice-img2.png" alt="" />
+      <div class="notice-list">
+        <div class="notice-list_item" v-for="(item, index) in noticeList" :key="index">
+          <div class="icon">
+            <img :src="item.icon" alt="">
+          </div>
+          <div class="text" v-html="item.text"></div>
+        </div>
+      </div>
+      <!-- <img src="https://webapp-pub.ezijing.com/pages/assa/notice-img2.png" alt="" /> -->
     </div>
   </app-container>
 </template>
@@ -56,9 +64,39 @@ export default {
         },
         {
           img: 'https://webapp-pub.ezijing.com/project/fd/05.png',
-          title: '核对姓名',
+          title: '获取证书',
           tips: '<img style="width:200px;display:block;" src="https://webapp-pub.ezijing.com/project/fd/zs1.png" /><img style="width:200px;display:block;" src="https://webapp-pub.ezijing.com/project/fd/zs2.png" />'
         }
+      ],
+      noticeList: [
+        {
+          icon: 'https://webapp-pub.ezijing.com/project/fd/notice-text-icon1.png',
+          text: '<span>考试条件：</span>完成所有课程观看，进度均达到100%后即可开启考试'
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/project/fd/notice-text-icon2.png',
+          text: '<span>考试时间：</span><i>60</i>分钟'
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/project/fd/notice-text-icon3.png',
+          text: '<span>考试形式：</span>仅限电脑登录，保持网络稳定'
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/project/fd/notice-text-icon4.png',
+          text: '<span>考试规则：</span>进入考试系统后系统随机抓屏，离开或退出考试页面超过5次后系统将强制交卷'
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/project/fd/notice-text-icon5.png',
+          text: '<span>考试题型：</span>题库随机组题，单选+多选+判断'
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/project/fd/notice-text-icon6.png',
+          text: '<span>考试成绩：</span>提交试卷后即显示成绩，80分为通过，可获得本年度证书，低于80分则需重学重考'
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/project/fd/notice-text-icon7.png',
+          text: '<span>证书发放：</span>电子证书，考试通过后3个工作日内进入我的证书查看下载'
+        }
       ]
     }
   }
@@ -79,6 +117,7 @@ export default {
       color: #424242;
       margin-bottom: 24px;
       line-height: 100%;
+      font-weight: bold;
     }
     img {
       display: block;
@@ -122,13 +161,14 @@ export default {
   .notice {
     margin-top: 67px;
     img{
-      margin-left: 20px;
+      // margin-left: 20px;
     }
     .notice__title {
       font-size: 16px;
       color: #424242;
       margin-bottom: 28px;
       line-height: 100%;
+      font-weight: bold;
     }
     .notice__content{
       font-size: 16px;
@@ -155,4 +195,32 @@ export default {
     border-top-color: #092E8F !important;
   }
 }
+.notice-list{
+  .notice-list_item{
+    display: flex;
+    align-items: center;
+    margin-bottom: 30px;
+    .icon{
+      width: 20px;
+      display: flex;
+      justify-content: center;
+      margin-left: 20px;
+    }
+    img{
+      // width: 13px;
+    }
+    .text{
+      margin-left: 10px;
+      font-size: 16px;
+      color: rgba(102, 102, 102, 1);
+      span{
+        color: rgba(51, 51, 51, 1)
+      }
+      i{
+        color: rgba(9, 46, 143, 1);
+        font-size: 24px;
+      }
+    }
+  }
+}
 </style>