修改引导页

1

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

@@ -1,6 +1,6 @@
 import { Button, Popup } from "vant";
 import { } from "vant";
-import { defineComponent, nextTick, onMounted, reactive, ref, watch } from "vue";
+import { defineComponent, nextTick, onMounted, onUnmounted, reactive, ref, watch } from "vue";
 import styles from "./index.module.less";
 import { getImage } from "./images";
 
@@ -108,8 +108,15 @@ export default defineComponent({
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
 
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
     const handleNext = () => {
       if (data.step >= 3) {
        endGuide();

src/custom-plugins/guide-page/courseware-detail.tsx

@@ -1,6 +1,6 @@
 import { Button, Popup } from "vant";
 import { } from "vant";
-import { defineComponent, nextTick, onMounted, reactive, ref, watch } from "vue";
+import { defineComponent, nextTick, onMounted, onUnmounted, reactive, ref, watch } from "vue";
 import styles from "./index.module.less";
 import { getImage } from "./images";
 
@@ -52,14 +52,24 @@ export default defineComponent({
           width: eleRect.width + "px",
           height: eleRect.height + "px",
         };
+      }else{
+        handleNext()
       }
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
-      if (data.step >= 3) {
+      if (data.step >= 2) {
        endGuide();
         return;
       }

src/custom-plugins/guide-page/courseware-list.tsx

@@ -1,6 +1,6 @@
 import { Button, Popup } from "vant";
 import { } from "vant";
-import { defineComponent, nextTick, onMounted, reactive, ref, watch } from "vue";
+import { defineComponent, nextTick, onMounted, onUnmounted, reactive, ref, watch } from "vue";
 import styles from "./index.module.less";
 import { getImage } from "./images";
 
@@ -106,11 +106,21 @@ export default defineComponent({
           width: eleRect.width + "px",
           height: eleRect.height + "px",
         };
+      }else{
+        handleNext()
       }
     };
     onMounted(() => {
       getStepELe();
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
+
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
 
     const handleNext = () => {
       if (data.step >= 3) {

src/custom-plugins/guide-page/index.module.less

@@ -41,7 +41,7 @@
   line-height: 24px;
   padding: 0 14px;
   right: 14px;
-  top: 21px;
+  top: 41px;
   left: auto;
 }
 

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

@@ -1,6 +1,6 @@
 import { Button, Popup } from "vant";
 import { } from "vant";
-import { defineComponent, nextTick, onMounted, reactive, ref, watch } from "vue";
+import { defineComponent, nextTick, onMounted, onUnmounted, reactive, ref, watch } from "vue";
 import styles from "./index.module.less";
 import { getImage } from "./images";
 import { useRect } from "@vant/use";
@@ -94,9 +94,15 @@ export default defineComponent({
         }
         getStepELe();
       },300)
-
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
 
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
     const handleNext = () => {
       if (data.step >= 3) {
        endGuide();

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

@@ -1,6 +1,6 @@
 import { Button, Popup } from "vant";
 import { } from "vant";
-import { defineComponent, nextTick, onMounted, reactive, ref, watch } from "vue";
+import { defineComponent, nextTick, onMounted, onUnmounted, reactive, ref, watch } from "vue";
 import styles from "./index.module.less";
 import { getImage } from "./images";
 import { useRect } from "@vant/use";
@@ -80,6 +80,8 @@ export default defineComponent({
           width: eleRect.width + "px",
           height: eleRect.height + "px",
         };
+      }else{
+        handleNext()
       }
     };
     onMounted(() => {
@@ -92,9 +94,15 @@ export default defineComponent({
         }
         getStepELe();
       },300)
-
+      window.addEventListener("resize", resetSize);
     });
+    const resetSize = ()=>{
+      getStepELe();
+    }
 
+    onUnmounted(()=>{
+      window.removeEventListener("resize", resetSize);
+    })
     const handleNext = () => {
       if (data.step >= 3) {
        endGuide();