|
@@ -34,14 +34,14 @@ export default defineComponent({
|
|
|
top: '0.91rem'
|
|
|
},
|
|
|
imgStyle: {
|
|
|
- top:(-4),
|
|
|
+ top:px2vw(-4),
|
|
|
left: px2vw(-50),
|
|
|
width: px2vw(420),
|
|
|
height: px2vw(228)
|
|
|
},
|
|
|
btnsStyle: {
|
|
|
- bottom:'30px',
|
|
|
- left: px2vw(90),
|
|
|
+ bottom:px2vw(35),
|
|
|
+ left: px2vw(111),
|
|
|
},
|
|
|
eleRectPadding:{
|
|
|
left:7,
|
|
@@ -61,7 +61,7 @@ export default defineComponent({
|
|
|
},
|
|
|
btnsStyle: {
|
|
|
bottom: '30px',
|
|
|
- left: px2vw(-500),
|
|
|
+ left: px2vw(-488),
|
|
|
},
|
|
|
|
|
|
eleRectPadding:{
|
|
@@ -77,13 +77,13 @@ export default defineComponent({
|
|
|
ele: '',
|
|
|
img: getImage('lessons3.png'),
|
|
|
imgStyle: {
|
|
|
- top: px2vw(-223),
|
|
|
+ top: px2vw(-4),
|
|
|
left: px2vw(-471),
|
|
|
width: px2vw(471),
|
|
|
height:px2vw(223)
|
|
|
},
|
|
|
btnsStyle: {
|
|
|
- bottom: px2vw(220),
|
|
|
+ bottom: px2vw(20),
|
|
|
left: px2vw(-310),
|
|
|
},
|
|
|
|
|
@@ -100,13 +100,13 @@ export default defineComponent({
|
|
|
ele: '',
|
|
|
img: getImage('lessons4.png'),
|
|
|
imgStyle: {
|
|
|
- top: '100%',
|
|
|
- left: '-265px',
|
|
|
- width: '515px',
|
|
|
- height:'227px'
|
|
|
+ top: px2vw(-4),
|
|
|
+ left: px2vw(-252),
|
|
|
+ width: px2vw(515),
|
|
|
+ height: px2vw(227)
|
|
|
},
|
|
|
btnsStyle: {
|
|
|
- bottom: '30px',
|
|
|
+ bottom: px2vw(30),
|
|
|
left: px2vw(-90),
|
|
|
},
|
|
|
|
|
@@ -122,14 +122,14 @@ export default defineComponent({
|
|
|
ele: '',
|
|
|
img: getImage('lessons5.png'),
|
|
|
imgStyle: {
|
|
|
- top: '100%',
|
|
|
- left: '-290px',
|
|
|
- width: '648px',
|
|
|
- height:'228px'
|
|
|
+ top: px2vw(-4),
|
|
|
+ left: px2vw(-290),
|
|
|
+ width: px2vw(648),
|
|
|
+ height:px2vw(228)
|
|
|
},
|
|
|
btnsStyle: {
|
|
|
- bottom: '30px',
|
|
|
- left: px2vw(-90),
|
|
|
+ bottom: px2vw(30),
|
|
|
+ left: px2vw(-127),
|
|
|
},
|
|
|
|
|
|
eleRectPadding:{
|
|
@@ -237,7 +237,7 @@ export default defineComponent({
|
|
|
}: item.type=='left'?{
|
|
|
display: index === data.step ? '' : 'none',
|
|
|
|
|
|
- top: `${ parseFloat(data.box?.height)/2-parseFloat(item.imgStyle?.height)/2 -14}px`,
|
|
|
+ top: `${ parseFloat(data.box?.height)/2 - parseFloat(item.imgStyle?.height)*1920/100/2 -14}px`,
|
|
|
}:{
|
|
|
display: index === data.step ? '' : 'none',
|
|
|
left: `${item.eleRect?.left}px`,
|