Przeglądaj źródła

feat: 老师端引导页修改

TIANYONG 1 rok temu
rodzic
commit
98fc4bcc37

BIN
src/page-instrument/custom-plugins/guide-page/images/pc_teacherBottom1.png


BIN
src/page-instrument/custom-plugins/guide-page/images/pc_teacherBottom2.png


BIN
src/page-instrument/custom-plugins/guide-page/images/pc_teacherBottom3.png


BIN
src/page-instrument/custom-plugins/guide-page/images/pc_teacherBottom4.png


BIN
src/page-instrument/custom-plugins/guide-page/images/pc_teacherBottom5.png


BIN
src/page-instrument/custom-plugins/guide-page/images/pc_teacherBottom6.png


+ 123 - 2
src/page-instrument/custom-plugins/guide-page/teacher-top.tsx

@@ -5,7 +5,7 @@ import styles from "./index.module.less";
 import { getImage } from "./images";
 import { getQuery } from "/src/utils/queryString";
 import {getGuidance,setGuidance} from './api'
-import state from "/src/state";
+import state, { IPlatform } from "/src/state";
 
 export default defineComponent({
   name: "teacherTop-guide",
@@ -14,7 +14,128 @@ export default defineComponent({
     const data = reactive({
       box: {},
       show: false,
-      steps: [
+      steps: state.platform === IPlatform.PC ? [
+        {
+          ele: "",
+          eleRect: {} as DOMRect,
+          img: getImage("pc_teacherBottom1.png"),
+          handStyle: {
+            top: "0.91rem",
+          },
+          imgStyle: {
+            bottom: "2.5rem",
+            width:'3.63rem',
+            height:'2.28rem',
+            left:'-0.45rem'
+          },
+          btnsStyle: {
+            bottom: "2.8rem",
+            left:'1.1rem',
+            transform: "scale(.83)",
+
+          },
+        },
+        {
+          ele: "",
+          img: getImage("pc_teacherBottom2.png"),
+          handStyle: {
+            top: "-1.39rem",
+            left:'0.15rem',
+            transform: 'rotate(180deg)'
+          },
+          imgStyle: {
+            bottom: "2.5rem",
+            width:'4.20rem',
+            height:'2.28rem',
+            left:'-0.45rem'
+          },
+          btnsStyle: {
+            bottom: "2.8rem",
+            left:'1.1rem',
+            transform: "scale(.83)",
+          },
+        },
+        {
+          ele: "",
+          img: getImage("pc_teacherBottom3.png"),
+          handStyle: {
+            top: "-1.39rem",
+            left:'0.17rem',
+            transform: 'rotate(180deg)'
+          },
+          imgStyle: {
+            bottom: "2.5rem",
+            width:'5.15rem',
+            height:'2.28rem',
+            left:'-0.45rem'
+          },
+          btnsStyle: {
+            bottom: "2.8rem",
+            left:'1.1rem',
+            transform: "scale(.83)",
+          },
+        },
+        {
+          ele: "",
+          img: getImage("pc_teacherBottom4.png"),
+          handStyle: {
+            top: "-1.39rem",
+            left:'1.4rem',
+            transform: 'rotate(180deg)'
+          },
+          imgStyle: {
+            bottom: "2.5rem",
+            width:'4.39rem',
+            height:'2.28rem',
+            left:'-0.45rem'
+          },
+          btnsStyle: {
+            bottom: "2.8rem",
+            left:'1.1rem',
+            transform: "scale(.83)",
+          },
+        },
+        {
+          ele: "",
+          img: getImage("pc_teacherBottom5.png"),
+          handStyle: {
+            top: "-1.39rem",
+            left:'1.4rem',
+            transform: 'rotate(180deg)'
+          },
+          imgStyle: {
+            bottom: "2.5rem",
+            width:'4.58rem',
+            height:'2.28rem',
+            left:'-0.45rem'
+          },
+          btnsStyle: {
+            bottom: "2.8rem",
+            left:'1.1rem',
+            transform: "scale(.83)",
+          },
+        },
+        {
+          ele: "",
+          img: getImage("pc_teacherBottom6.png"),
+          handStyle: {
+            top: "-1.39rem",
+            left:'1.4rem',
+            transform: 'rotate(180deg)'
+          },
+          imgStyle: {
+            bottom: "2.5rem",
+            width:'4.01rem',
+            height:'2.28rem',
+            left:'-3.4rem'
+          },
+          btnsStyle: {
+            bottom: "2.8rem",
+            left:'-2.1rem',
+            transform: "scale(.83)",
+          },
+        },
+      ] : [
         {
           ele: "",
           eleRect: {} as DOMRect,