Эх сурвалжийг харах

修改正在考试界面的 scrollbar 的状态控制

Michael Wang 5 жил өмнө
parent
commit
56a5d4b116

+ 4 - 10
src/features/OnlineExam/Examing/ExamingHome.vue

@@ -83,7 +83,6 @@ export default {
       showFaceId: false,
       faceEnable: false,
       timeouted: false,
-      hideBodyScroll: true,
       PRODUCTION: process.env.NODE_ENV === "production",
     };
   },
@@ -118,14 +117,6 @@ export default {
     $route: function() {
       this.examQuestion();
     },
-    hideBodyScroll: {
-      handler: function() {
-        // 避免macos上下塘动。避免产生滚动条。
-        // document.body.style.overflow = this.hideBodyScroll ? "hidden" : "";
-        document.body.classList.toggle("hide-body-scroll", this.hideBodyScroll);
-      },
-      immediate: true,
-    },
     shouldSubmitPaper() {
       this.realSubmitPaper();
     },
@@ -326,6 +317,8 @@ export default {
   async mounted() {
     // iview bug: https://github.com/iview/iview/issues/4061
     // document.body.style = "";
+    // 避免macos上下塘动。避免产生滚动条。
+    document.body.classList.toggle("hide-body-scroll", true);
 
     window._hmt.push(["_trackEvent", "正在考试页面", "进入页面"]);
 
@@ -380,7 +373,8 @@ export default {
       pictureAnswer: {},
     });
     this.$Modal.remove();
-    this.hideBodyScroll = false;
+    // 避免macos上下塘动。避免产生滚动条。
+    document.body.classList.toggle("hide-body-scroll", false);
   },
   // beforeRouteUpdate(to, from, next) {
   //   this.updateQuestion(next);