提交修改图片

1

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

@@ -68,7 +68,7 @@
 
 .item {
   position: absolute;
-  width: 200px;
+
   z-index: 10;
 
   .img {

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

@@ -33,7 +33,7 @@ export default defineComponent({
             top: '0.91rem'
           },
           imgStyle: {
-            left: '-4.4em',
+            left: px2vw(-50),
             width:  px2vw(420),
             height:  px2vw(228)
           },
@@ -52,14 +52,14 @@ export default defineComponent({
           ele: '',
           img: getImage('lessons2.png'),
           imgStyle: {
-            top:`0px`,
-            left:'-500px',
-            width:'647px',
-            height:'223px'
+
+            left:px2vw(-647),
+            width:px2vw(647),
+            height:px2vw(223)
           },
           btnsStyle: {
             bottom: '30px',
-            left: px2vw(-90),
+            left: px2vw(-500),
           },
 
           eleRectPadding:{
@@ -75,14 +75,14 @@ export default defineComponent({
           ele: '',
           img: getImage('lessons3.png'),
           imgStyle: {
-            top: '100%',
-            left:  '-265px',
-            width: '515px',
-            height:'227px'
+            top: px2vw(-223),
+            left:  px2vw(-471),
+            width: px2vw(471),
+            height:px2vw(223)
           },
           btnsStyle: {
-            bottom: '30px',
-            left: px2vw(-90),
+            bottom: px2vw(220),
+            left: px2vw(-310),
           },
 
           eleRectPadding:{
@@ -224,8 +224,8 @@ export default defineComponent({
                       top:`-${item.imgStyle?.height}`
                     }: item.type=='left'?{
                       display: index === data.step ? '' : 'none',
-                      left: `${ parseFloat(data.box?.width)/2-parseFloat(item.imgStyle?.width)/2-14}px`,
-                     top: `${ parseFloat(data.box?.height)/2-parseFloat(item.imgStyle?.height)/20+14}px`,
+
+                     top: `${ parseFloat(data.box?.height)/2-parseFloat(item.imgStyle?.height)/2 -14}px`,
                     }:{
                       display: index === data.step ? '' : 'none',
                       left: `${item.eleRect?.left}px`,

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

@@ -76,12 +76,12 @@ export default defineComponent({
           imgStyle: {
             top: '100%',
             left:  '-130px',
-            width: '401px',
-            height:'304px'
+            width: px2vw(401),
+            height: px2vw(304)
           },
           btnsStyle: {
             bottom: '90px',
-            left:'16px',
+            left:px2vw(20),
           },
 
           eleRectPadding:{

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

@@ -23,6 +23,9 @@ export default defineComponent({
        *
             width:  px2vw(840),
             height:  px2vw(295)
+                 left: '-80px',
+            width:  '518px',
+            height:  '256px'
        */
       steps: [
         {
@@ -33,9 +36,9 @@ export default defineComponent({
             top: '0.91rem'
           },
           imgStyle: {
-            left: '-4.4em',
-            width:  '518px',
-            height:  '256px'
+            left: px2vw(-64),
+            width:  px2vw(518),
+            height:  px2vw(256)
           },
           btnsStyle: {
             bottom:'30px',

src/views/studentList/index.tsx

@@ -84,7 +84,10 @@ export default defineComponent({
         state.tableList = res.data.rows;
         state.pagination.pageTotal = res.data.total;
         if(state.tableList.length >0){
-          showGuide.value= true;
+          setTimeout(()=>{
+            showGuide.value= true;
+          },500)
+
         }
       } catch (e) {
         console.log(e);