style: 引导页UI修改

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

@@ -22,17 +22,17 @@ export default defineComponent({
           eleRect: {} as DOMRect,
           img: getImage("studnetT1.png"),
           handStyle: {
-            top: "1.3rem",
-            left:'0.3rem'
+            top: "0.6rem",
+            left:'0.1rem'
           },
           imgStyle: {
-            top: "1.9rem",
+            top: "1.2rem",
             width:'5.64rem',
             height:'2.77rem',
             left:'-2rem'
           },
           btnsStyle: {
-            top: "5.1rem",
+            top: "4.4rem",
             left:'-0.7rem'
           },
         },
@@ -40,18 +40,18 @@ export default defineComponent({
           ele: "",
           img: getImage("studnetT2.png"),
           handStyle: {
-            top: "1.3rem",
-            left:'0.3rem',
+            top: "0.6rem",
+            left:'0.1rem',
   
           },
           imgStyle: {
-            top: "1.9rem",
+            top: "1.2rem",
             width:'5.46rem',
             height:'2.3rem',
             left:'-2rem'
           },
           btnsStyle: {
-            top: "4.6rem",
+            top: "3.9rem",
             left:'-0.7rem'
           },
         },
@@ -59,17 +59,17 @@ export default defineComponent({
           ele: "",
           img: getImage("studnetT3.png"),
           handStyle: {
-            top: "1.3rem",
-            left:'0.3rem',
+            top: "0.6rem",
+            left:'0.1rem',
           },
           imgStyle: {
-            top: "1.9rem",
+            top: "1.2rem",
             width:'5.46rem',
             height:'2.30rem',
             left:'-2rem'
           },
           btnsStyle: {
-            top: "4.6rem",
+            top: "3.9rem",
             left:'-0.7rem'
           },
         },
@@ -77,17 +77,17 @@ export default defineComponent({
           ele: "",
           img: getImage("studnetT4.png"),
           handStyle: {
-            top: "1.3rem",
-            left:'0.3rem',
+            top: "0.6rem",
+            left:'0.1rem',
           },
           imgStyle: {
-            top: "1.8rem",
+            top: "1.2rem",
             width:'5.46rem',
             height:'2.30rem',
             left:'-2rem'
           },
           btnsStyle: {
-            top: "4.6rem",
+            top: "3.9rem",
             left:'-0.7rem'
           },
         },
@@ -95,18 +95,18 @@ export default defineComponent({
           ele: "",
           img: getImage("studnetT5.png"),
           handStyle: {
-            top: "1.3rem",
-            left:'0.3rem',
+            top: "0.6rem",
+            left:'0.1rem',
      
           },
           imgStyle: {
-            top: "1.8rem",
+            top: "1.2rem",
             width:'5.46rem',
             height:'2.6rem',
             left:'-3rem'
           },
           btnsStyle: {
-            top: "4.8rem",
+            top: "4.1rem",
             left:'-1.3rem'
           },
         },
@@ -114,18 +114,18 @@ export default defineComponent({
           ele: "",
           img: getImage("studnetT6.png"),
           handStyle: {
-            top: "1.3rem",
-            left:'0.3rem',
+            top: "0.6rem",
+            left:'0.1rem',
          
           },
           imgStyle: {
-            top: "1.62rem",
+            top: "0.92rem",
             width:'5.46rem',
             height:'2.30rem',
             left:'-5.5rem'
           },
           btnsStyle: {
-            top: "4.3rem",
+            top: "3.6rem",
             left:'-1.8rem'
           },
         },
@@ -134,17 +134,17 @@ export default defineComponent({
             eleRect: {} as DOMRect,
             img: getImage("studnetT7.png"),
             handStyle: {
-                top: "1.3rem",
-                left:'0.3rem',
+                top: "0.6rem",
+                left:'0.1rem',
             },
             imgStyle: {
-              top: "1.62rem",
+              top: "0.92rem",
               width:'5.46rem',
               height:'2.3rem',
               left:'-5.5rem'
             },
             btnsStyle: {
-              top: "4.3rem",
+              top: "3.6rem",
               left:'-3.7rem'
             },
           },      {
@@ -153,7 +153,7 @@ export default defineComponent({
             img: getImage("studnetT8.png"),
             handStyle: {
               top: "-1.38rem",
-              left:'.45rem',
+              left:'.26rem',
               transform: 'rotate(180deg)'
             },
             imgStyle: {
@@ -214,6 +214,7 @@ export default defineComponent({
 					return
 				}
         const eleRect = ele.getBoundingClientRect();
+        console.log(eleRect.y,666)
         data.box = {
           left: eleRect.x + "px",
           top: eleRect.y + "px",
@@ -223,7 +224,10 @@ export default defineComponent({
       }
     };
     onMounted(() => {
-      getStepELe();
+      // 顶部栏有个动画过度效果，位置会移动，需要加个延迟时间计算其移动后的位置
+      setTimeout(() => {
+        getStepELe();
+      }, 1000);
     });
 
 

vite.config.ts

@@ -76,9 +76,9 @@ export default defineConfig({
         // target: "https://kt.colexiu.com",
         // target: "https://test.lexiaoya.cn",
         // target: "https://kt.colexiu.com",
-        target: "https://test.resource.colexiu.com", // 内容平台开发环境，内容平台开发，需在url链接上加上isCbs=true
+        // target: "https://test.resource.colexiu.com", // 内容平台开发环境，内容平台开发，需在url链接上加上isCbs=true
         // target: "https://dev.resource.colexiu.com",
-        // target: "https://test.kt.colexiu.com",
+        target: "https://test.kt.colexiu.com",
         // target: "https://mec.colexiu.com",
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/instrument/, ""),