提交一下

1

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

@@ -34,13 +34,14 @@ export default defineComponent({
             top: '0.91rem'
           },
           imgStyle: {
-            left: '-294px',
-            width:  '648px',
-            height:  '227px'
+            top: px2vw(-4),
+            left:  px2vw(-294),
+            width:   px2vw(648),
+            height:  px2vw(227)
           },
           btnsStyle: {
-            bottom:'30px',
-            left: '-90px',
+            bottom:px2vw(30),
+            left: px2vw(-130),
           },
           eleRectPadding:{
             left:7,
@@ -53,18 +54,16 @@ export default defineComponent({
           ele: '',
           img: getImage('class2.png'),
           imgStyle: {
-            top: '100%',
-            left:  '-283px',
-            width: '515px',
-            height:'227px'
+            top: px2vw(-4),
+            left:   px2vw(-276),
+            width:  px2vw(515),
+            height:px2vw(227)
           },
           btnsStyle: {
-            bottom: '30px',
-            left: px2vw(-90),
-          },
-          boxStyle:{
-            borderRadius:'25px'
+            bottom:px2vw(30),
+            left: px2vw(-110),
           },
+
           eleRectPadding:{
             left:7,
             top:7,
@@ -77,13 +76,14 @@ export default defineComponent({
           ele: '',
           img: getImage('class3.png'),
           imgStyle: {
-            width:  '437px',
-            height:  '227px',
-            left:'-282px'
+            top: px2vw(-4),
+            width:  px2vw(437),
+            height:   px2vw(227),
+            left: px2vw(-276)
           },
           btnsStyle: {
-            bottom: '30px',
-            left: '-130px',
+            bottom:  px2vw(30),
+            left:  px2vw(-113),
           },
           eleRectPadding:{
             left:7,

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

@@ -34,14 +34,14 @@ export default defineComponent({
             top: '0.91rem'
           },
           imgStyle: {
-            top:  px2vw(-200),
-            left: px2vw(295),
-            width:  px2vw(840),
+            top:  px2vw(-150),
+            left: px2vw(563),
+            width:  px2vw(734),
             height:  px2vw(295)
           },
           btnsStyle: {
-            bottom:px2vw(200),
-            left:  px2vw(540),
+            bottom:px2vw(188),
+            left:  px2vw(805),
           },
           boxStyle:{
             border:'none',
@@ -90,7 +90,7 @@ export default defineComponent({
             transform: 'rotate(180deg)'
           },
           imgStyle: {
-
+            top: px2vw(-4),
             width:  px2vw(454),
             height:  px2vw(227),
             left:px2vw(282)
@@ -99,6 +99,9 @@ export default defineComponent({
             bottom: '30px',
             left:px2vw(450)
           },
+          boxStyle:{
+            borderRadius: '20px'
+          },
           eleRectPadding:{
             left:44,
             top:44,
@@ -115,6 +118,7 @@ export default defineComponent({
             transform: 'rotate(180deg)'
           },
           imgStyle: {
+            top: px2vw(-4),
             left:  px2vw(-310),
             width:  px2vw(477),
             height:  px2vw(227),
@@ -139,13 +143,13 @@ export default defineComponent({
           },
           imgStyle: {
             top: '0',
-            width:  px2vw(610),
+            width:  px2vw(600),
             height:  px2vw(290),
-            left: px2vw(38)
+            left: px2vw(18)
           },
           btnsStyle: {
-            bottom: '80px',
-            left: px2vw(195),
+            bottom:  px2vw(80),
+            left: px2vw(185),
             'justify-content': 'center',
             padding: 0
           },

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

@@ -111,11 +111,11 @@
     }
 
     .endBtn {
-      width: 144px;
+      width: 124px;
       height: 49px;
       margin-right: 20px;
       background: url('./images/endBtn.png');
-      background-size: 144px 49px;
+      background-size: 124px 49px;
 
       line-height: 49px;
       font-size: 18px;

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

@@ -34,6 +34,7 @@ export default defineComponent({
             top: '0.91rem'
           },
           imgStyle: {
+            top:(-4),
             left: px2vw(-50),
             width:  px2vw(420),
             height:  px2vw(228)

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

@@ -37,13 +37,14 @@ export default defineComponent({
             top: '0.91rem'
           },
           imgStyle: {
+            top:px2vw(-4),
             left: px2vw(-64),
             width:  px2vw(518),
             height:  px2vw(256)
           },
           btnsStyle: {
-            bottom:'30px',
-            left: '-90px',
+            bottom: px2vw(30),
+            left:  px2vw(-74),
           },
           eleRectPadding:{
             left:7,
@@ -56,8 +57,8 @@ export default defineComponent({
           ele: '',
           img: getImage('student2.png'),
           imgStyle: {
-            top: '100%',
-            left:  px2vw(-265),
+            top: px2vw(-4),
+            left:  px2vw(-261),
             width:  px2vw(515),
             height:px2vw(227)
           },

src/views/classList/index.tsx

@@ -111,17 +111,20 @@ export default defineComponent({
       return [
         {
           title: '班级名称',
-          key: 'name'
+          key: 'name',
+          width:'25%'
         },
         {
           title: '学生人数',
-          key: 'preStudentNum'
+          key: 'preStudentNum',
+          width:'25%'
         },
         {
           title: '上次学习',
           key: 'lastStudy',
+          width:'25%',
           render(row: any) {
-            return <TheTooltip content={row.lastStudy ? row.lastStudy : '--'} />;
+            return <TheTooltip maxWidth={300} showContentWidth={300} content={row.lastStudy ? row.lastStudy : '--'} />;
           }
         },
         {

src/views/home/index.module.less

@@ -268,7 +268,7 @@
   }
 
   .iconTo {
-    margin: 0 44px;
+    margin: 0 120px 0 44px;
     width: 38px;
     height: 18px
   }