答题卡新增错误状态，错题集标题修改

src/pages/my/answerCard.vue

@@ -9,9 +9,11 @@
           <ul>
             <li>
               <div class="circle active1"></div>
-              <div class="txt">已答</div>
+              <div class="txt">正确</div>
             </li>
-            <li style="width:.5rem">
+            <li>
+              <div class="circle active2"></div>
+              <div class="txt">错误</div>
             </li>
             <li>
               <div class="circle active3"></div>
@@ -23,7 +25,7 @@
           <div class="tips">按答题时间排序，最新错题在前面</div>
           <ul>
             <template v-for="(item, index) in dataList">
-              <li @click="goQuestionDetail(item.question_id)" :class="item.answer.length ? 'active1' : 'active3'" :key="index">
+              <li @click="goQuestionDetail(item.question_id)" :class="item.answer == 1 ? 'active1' : item.answer == 2 ? 'active2' : 'active3'" :key="index">
                 <div class="circle">{{ index + 1 }}</div>
                 <div class="txt">{{ questionType[item.question_type] }}</div>
               </li>
@@ -128,7 +130,7 @@ export default {
             background: #67C23A;
           }
           .active2{
-            background:rgba(255,128,0,1);
+            background:#FA5555;
           }
           .active3{
             background:rgba(204,204,204,1);
@@ -198,7 +200,7 @@ export default {
         }
         .active2{
           .circle{
-            background:rgba(255,128,0,1);
+            background:#FA5555;
           }
         }
         .active3{

src/pages/my/questionsDetails.vue

@@ -83,7 +83,7 @@
         </swiper>
       </div>
       <template>
-        <div class="btn-box">
+        <div class="btn-box" id="bottom-view">
           <div :class="$route.query.type == 2 ? 'padd new' : 'padd'">
             <div class="ysc" v-if="$route.query.type == 2">已收藏</div>
             <!-- <div class="analysis" @click="isAnalysis = !isAnalysis" v-if="$route.query.type == 1 || $route.query.type == 2">查看解析</div> -->
@@ -106,8 +106,14 @@ export default {
   beforeDestroy() {
     clearInterval(this.cacheTime)
   },
-  metaInfo: {
-    title: '已做试题'
+  metaInfo() {
+    return {
+      title: parseInt(this.$route.query.type) === 1
+        ? '我的错题'
+        : parseInt(this.$route.query.type) === 2
+          ? '收藏试题'
+          : '已做试题'
+    }
   },
   components: {
     [Toast.name]: Toast,
@@ -160,6 +166,7 @@ export default {
                 _this.prevQuestionLoading()
               }
               _this.isBtnShow.currentPage = item.num
+              // _this.sildesHeightCount()
             }, 500)
           },
           slideChangeTransitionStart: function() {
@@ -302,6 +309,22 @@ export default {
       const itemNum = this.questionData.list.find(item => { return item.question_id === qId })
       this.isBtnShow.currentPage = itemNum.num
       parseInt(this.$route.query.type) === 3 ? this.isAnalysis = true : this.isAnalysis = false
+      // this.sildesHeightCount()
+    },
+    sildesHeightCount() {
+      // slides高度重新赋值
+      const computedStyle = window.getComputedStyle(this.swiper.slides[this.swiper.activeIndex], null)
+      const topView = document.getElementById('top-view').clientHeight
+      const bottomView = document.getElementById('bottom-view').clientHeight
+      const slidesClentH = document.body.clientHeight - topView - bottomView
+      const slidesH = this.swiper.slides[this.swiper.activeIndex].clientHeight
+      const countNum = slidesClentH - slidesH
+      const sliedsRealH = slidesClentH - (slidesH - parseInt(computedStyle.paddingBottom))
+      if (countNum > 0) {
+        this.swiper.slides[this.swiper.activeIndex].style.paddingBottom = `${sliedsRealH}px`
+      } else {
+        this.swiper.slides[this.swiper.activeIndex].style.paddingBottom = '1.2rem'
+      }
     },
     // 选择选项
     selectOptions(item, opt) {
@@ -314,6 +337,7 @@ export default {
           fIndex === -1 ? item.user_answer.push(opt.id) : item.user_answer.splice(fIndex, 1)
         }
         this.cacheList[item.question_id] = item.user_answer
+        // this.sildesHeightCount()
       }
     },
     // 初始化数据 || 翻页请求数据