修改能力自测样式，能力自测结果页添加按钮

build/webpack.client.conf.js

@@ -26,6 +26,7 @@ if ($GLOBAL.isDev === 'development') {
       port: $GLOBAL.webConf.serverPort,
       disableHostCheck: false,
       host: $GLOBAL.webConf.domain || 'localhost',
+      http2: false,
       https: $GLOBAL.webConf.isHttps && {
         key: fs.readFileSync(path.join(__dirname, '../static/cert/dev.ezijing.com.key')),
         cert: fs.readFileSync(path.join(__dirname, '../static/cert/dev.ezijing.com.pem'))

src/modules/exam-module/src/ExamEnd.vue

@@ -31,12 +31,18 @@
           <img v-show="ratioNum >= 40 && ratioNum < 60" src="../assets/images/mountain2.png" alt="">
           <img v-show="ratioNum >= 60 && ratioNum < 99" src="../assets/images/mountain3.png" alt="">
           <img v-show="ratioNum == 100" src="../assets/images/mountain4.png" alt="">
-          <div v-if="ratioNum == 100" class="txt">成功近在眼前，再接再厉！</div>
-          <div v-else class="txt">您离成功还有一段距离，继续努力！</div>
+          <template v-if="title != '能力自测'">
+            <div v-if="ratioNum == 100" class="txt">成功近在眼前，再接再厉！</div>
+            <div v-else class="txt">您离成功还有一段距离，继续努力！</div>
+          </template>
+          <template v-else>
+            <div class="txt" style="text-align: left;">您距离拿证还有一段距离，急速拿证推荐您使用VIP课程！</div>
+          </template>
         </div>
         <div class="nl-btn" v-if="title == '能力自测'">
-          <div class="btn" @click="goAbilityExam">重做测试</div>
-          <div class="btn" @click="goCourse">学习课程</div>
+          <!-- <div class="btn" @click="goAbilityExam">重做测试</div>
+          <div class="btn" @click="goCourse">学习课程</div> -->
+          <div class="new-btn" @click="goVip">购买VIP服务</div>
         </div>
         <div class="card">
           <div class="tit">答题卡：</div>
@@ -175,6 +181,11 @@ export default {
     }
   },
   methods: {
+    goVip() {
+      this.$router.push({
+        path: '/pay'
+      })
+    },
     goAbilityExam() {
       this.$router.replace({
         path: '/exam/index',
@@ -463,6 +474,18 @@ export default {
   .btn:nth-child(2){
     margin-left: auto;
   }
+  .new-btn{
+    width: 3.2rem;
+    height: .9rem;
+    background: #C62245;
+    text-align: center;
+    line-height: .9rem;
+    color: #fff;
+    font-size: .3rem;
+    background: url(../assets/images/ability-r-btn.png);
+    background-size: 100% 100%;
+    margin: 0 auto;
+  }
 }
 .st-btn{
   width: 100%;

src/pages/my/questionsDetails.vue

@@ -442,7 +442,7 @@ export default {
         padding: .1rem .2rem;
         font-size: .2rem;
         color: #fff;
-        background: #67A8FF;
+        background: #F47885;
         border-radius: .25rem;
         margin-left: .2rem;
       }
@@ -506,8 +506,8 @@ export default {
         word-wrap:break-word;
       }
       .active{
-        color: #fff;
-        background:#67A8FF;
+        color: #5F95DE;
+        background:#DDF1FF;
       }
       .active2{
         color: #fff;
@@ -575,7 +575,7 @@ export default {
     .btn{
       width:2.4rem;
       height:.7rem;
-      background:rgba(43,124,233,1);
+      background:#C62245;
       border-radius:.12rem;
       text-align: center;
       line-height: .7rem;

src/pages/pay/index.vue

@@ -74,6 +74,7 @@ export default {
     getOrderStatus() {
       api.getOrderStatus().then(res => {
         this.orderStatus = res.status
+        console.log(this.orderStatus)
         if (this.orderStatus === 1) {
           this.orderStatusTime && clearInterval(this.orderStatusTime)
         }