安全教育-考试页面试题滚动条

src/views/projectFront/examination/test.vue

@@ -5,13 +5,16 @@
     </div>
     <div class="pageContent">
       <div class="tips">交卷之前离开当前页面会导致本次考试作废！</div>
+      <vue-scroll style="height: 2000px">
         <div
           class="blockBox"
           v-for="(item, index) in courseDetail.questionList"
           :key="index"
         >
           <div class="testTilte">
-          {{ index + 1 }}、{{ item.questionName }}（{{ item.questionScore }}分）
+            {{ index + 1 }}、{{ item.questionName }}（{{
+              item.questionScore
+            }}分）
           </div>
 
           <el-checkbox-group
@@ -31,31 +34,8 @@
               >{{ indexList[index] }}、{{ data.optionName }}</el-checkbox
             >
           </el-checkbox-group>
-        <!-- <label
-            class="optionItem"
-            v-for="(data, index2) in item.optionList"
-            :key="index2"
-          >
-            <checkbox class="checkbox" :value="data.optionId + ''" /><text
-              class="desc"
-              >{{ indexList[index2] }}、{{ data.optionName }}</text
-            >
-          </label> -->
-        <el-radio-group class="optionsBox" v-model="radio" v-else>
-          <!-- <label
-            class="optionItem"
-            v-for="(data, index2) in item.optionList"
-            :key="index2"
-          >
-            <radio
-              class="checkbox"
-              :value="data.optionId + ''"
-              :checked="data.optionId === item.optionId"
-            /><text class="desc"
-              >{{ indexList[index2] }}、{{ data.optionName }}</text
-            >
-          </label> -->
 
+          <el-radio-group class="optionsBox" v-model="radio" v-else>
             <el-radio
               @change="
                 (e) => {
@@ -69,6 +49,7 @@
             >
           </el-radio-group>
         </div>
+      </vue-scroll>
       <button type="primary" class="btn submitBtn big" @click="submitData()">
         交卷
       </button>