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

src/views/projectFront/examination/test.vue

@@ -5,70 +5,51 @@
     </div>
     <div class="pageContent">
       <div class="tips">交卷之前离开当前页面会导致本次考试作废！</div>
-      <div
-        class="blockBox"
-        v-for="(item, index) in courseDetail.questionList"
-        :key="index"
-      >
-        <div class="testTilte">
-          {{ index + 1 }}、{{ item.questionName }}（{{ item.questionScore }}分）
-        </div>
-
-        <el-checkbox-group
-          class="optionsBox"
-          v-if="item.questionType == 2"
-          v-model="radioList"
-          @change="
-            (e) => {
-              changeChecked(e, item.questionId, index)
-            }
-          "
+      <vue-scroll style="height: 2000px">
+        <div
+          class="blockBox"
+          v-for="(item, index) in courseDetail.questionList"
+          :key="index"
         >
-          <el-checkbox
-            v-for="(data, index) in item.optionList"
-            :label="data.optionId"
-            :key="index"
-            >{{ 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> -->
+          <div class="testTilte">
+            {{ index + 1 }}、{{ item.questionName }}（{{
+              item.questionScore
+            }}分）
+          </div>
 
-          <el-radio
+          <el-checkbox-group
+            class="optionsBox"
+            v-if="item.questionType == 2"
+            v-model="radioList"
             @change="
               (e) => {
                 changeChecked(e, item.questionId, index)
               }
             "
-            v-for="(data, index2) in item.optionList"
-            :key="index2"
-            :label="data.optionId"
-            >{{ indexList[index2] }}、{{ data.optionName }}</el-radio
           >
-        </el-radio-group>
-      </div>
+            <el-checkbox
+              v-for="(data, index) in item.optionList"
+              :label="data.optionId"
+              :key="index"
+              >{{ indexList[index] }}、{{ data.optionName }}</el-checkbox
+            >
+          </el-checkbox-group>
+
+          <el-radio-group class="optionsBox" v-model="radio" v-else>
+            <el-radio
+              @change="
+                (e) => {
+                  changeChecked(e, item.questionId, index)
+                }
+              "
+              v-for="(data, index2) in item.optionList"
+              :key="index2"
+              :label="data.optionId"
+              >{{ indexList[index2] }}、{{ data.optionName }}</el-radio
+            >
+          </el-radio-group>
+        </div>
+      </vue-scroll>
       <button type="primary" class="btn submitBtn big" @click="submitData()">
         交卷
       </button>