修改切换题操作域的问题

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

@@ -74,7 +74,7 @@
     </div>
     <!-- v-if="$route.query.id != undefined || questionCount == 1" -->
     <template v-if="$route.query.id == undefined">
-      <div class="btn-box">
+      <div class="btn-box" id="bottom-view-btn">
         <div class="padd" v-if="!topicCard.isShow">
           <!-- {{ swiper.slides[swiper.activeIndex].attributes['data-dId'].nodeValue }} -->
           <div v-if="nextBtnShow" :class="collect.currentPages ? 'icon1 active' : 'icon1'" @click="collectQuestion()"></div>
@@ -90,7 +90,7 @@
       </div>
     </template>
     <template v-else>
-      <div class="btn-box" v-if="questionCount != 1">
+      <div class="btn-box" id="bottom-view-btn" v-if="questionCount != 1">
         <div class="padd" v-if="!topicCard.isShow">
           <!-- {{ swiper.slides[swiper.activeIndex].attributes['data-dId'].nodeValue }} -->
           <div v-if="nextBtnShow" :class="collect.currentPages ? 'icon1 active' : 'icon1'" @click="collectQuestion()"></div>
@@ -180,6 +180,7 @@ export default {
         autoHeight: true,
         on: {
           slideChangeTransitionStart: function() {
+            _this.sildesHeightCount()
             _this.setCurrentCollect()
             _this.getIsSign()
             if (this.activeIndex === _this.questionsData.sheet.question_count) {
@@ -260,6 +261,22 @@ export default {
     this.answerInit()
   },
   methods: {
+    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-btn').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'
+      }
+      // console.log(this.swiper.slides[this.swiper.activeIndex])
+    },
     collectQuestion() {
       const queIds = this.collect.currentId
       this.collect.currentPages ? this.removeColl(queIds, () => {
@@ -644,6 +661,7 @@ export default {
           this.setClock(times)
         }
         setTimeout(() => {
+          this.sildesHeightCount()
           this.examSubmit(0)
           this.scrollDom()
         }, 1000)

src/pages/my/questionsDetails.vue

@@ -166,7 +166,7 @@ export default {
                 _this.prevQuestionLoading()
               }
               _this.isBtnShow.currentPage = item.num
-              // _this.sildesHeightCount()
+              _this.sildesHeightCount()
             }, 500)
           },
           slideChangeTransitionStart: function() {
@@ -309,7 +309,7 @@ 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()
+      this.sildesHeightCount()
     },
     sildesHeightCount() {
       // slides高度重新赋值
@@ -337,7 +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()
+        this.sildesHeightCount()
       }
     },
     // 初始化数据 || 翻页请求数据