1

1

src/custom-plugins/guide-page/attent-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -150,8 +151,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
 
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
     const handleNext = () => {
       if (data.step >= 4) {
         endGuide();

src/custom-plugins/guide-page/class-guide.tsx

@@ -124,7 +124,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/data-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -131,7 +132,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/home-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -186,7 +187,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/lessons-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -170,7 +171,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/music-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -126,7 +127,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/myColloge-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -81,7 +82,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/myResources-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -85,7 +86,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/shareResources-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -121,7 +122,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/student-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -105,8 +106,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
 
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
     const handleNext = () => {
       if (data.step >= 4) {
         endGuide();

src/custom-plugins/guide-page/teacher-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -106,7 +107,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {

src/custom-plugins/guide-page/train-guide.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   onMounted,
+  onUnmounted,
   reactive,
   ref,
   watch
@@ -81,7 +82,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 4) {