|
@@ -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,
|