update

src/components/exam/answerCard.vue

@@ -17,6 +17,7 @@
           <div class="code">{{ info.examinee_number }}</div>
         </div>
       </div>
+      <div class="order-scroll">
         <div class="order-num">
           <template v-for="(item, index) in questionParams.question.question_items">
             <div :key="index" v-if="item.question_item_type != 5 && item.question_item_type != 7 && item.question_item_type != 8">
@@ -101,6 +102,7 @@
           </template>
         </div>
       </div>
+    </div>
     <!-- <ul class="flag-tips">
       <li>
         <div class="circle1"></div>
@@ -129,14 +131,29 @@ export default {
     questionParams: { type: Object, default: () => {} },
     info: { type: Object, default: () => {} }
   },
+  data() {
+    return {
+    }
+  },
   mounted() {
+    if (!this.isMobile()) {
       Bus.$on('monitoringChanges', target => {
         this.$forceUpdate()
       })
       const wrapper = this.$refs.wrapper
       new BScroll(wrapper)
+    }
   },
   methods: {
+    isMobile() {
+      const ua = navigator.userAgent
+      const isWindowsPhone = /(?:Windows Phone)/.test(ua)
+      const isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone
+      const isAndroid = /(?:Android)/.test(ua)
+      const isPhone = /(?:iPhone)/.test(ua)
+      const isPc = !isPhone && !isAndroid && !isSymbian
+      return isPc
+    },
     goQuestion(n) {
       this.$emit('switchQuestion')
       this.questionParams.questionIndex = n - 1
@@ -175,6 +192,10 @@ export default {
     }
   }
 }
+.order-scroll{
+  // max-height: 100px;
+  // overflow-y: scroll;
+}
 .order-num {
   padding-bottom: 90px;
   .tit {

src/components/exam/question.vue

@@ -46,7 +46,7 @@
       <!-- || item.question_item_type == 7 || item.question_item_type == 8 -->
       <div class="title-type">
         <div class="type">{{ questionData.question_item_title }}</div>
-        <div class="num">{{ questionData.q_order }}/{{ questionParams.question.total_question_count }}</div>
+        <div class="num">{{ questionParams.questionIndex + 1 }}/{{ questionParams.question.total_question_count }}</div>
       </div>
       <div class="case-que">
         <div class="stem" v-html="questionData.common_content"></div>

src/pages/exam/examAnswer.vue

@@ -24,7 +24,7 @@
             ></question>
           </div>
         </div>
-        <div class="right" ref="wrapper">
+        <div :class="isMobile() ? 'right scroll' : 'right hidden'" ref="wrapper">
           <answer-card
             :questionParams="questionParams"
             :changeTime="changeTime"
@@ -449,7 +449,16 @@ export default {
       width: 220px;
       background: #fff;
       padding: 0 20px;
-      overflow-y: hidden;
+      &.hidden{
+        overflow: hidden;
+      }
+      &.scroll{
+        overflow-y: scroll;
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
       // scrollbar-width: none;
       // &::-webkit-scrollbar {
       //   display: none;