1

src/components/courseDetail.vue

@@ -1702,12 +1702,15 @@ export default {
 
 .returnIndexImg {
   width: 18px;
-  padding: 5px 5px 0 5px;
+  margin: 0 7px 0 0;
+  height: auto;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
 }
 
 .returnIndexImg > img {
   width: 100%;
-  height: 100%;
 }
 
 .wheel {

src/components/easy2/studyStudent.vue

@@ -70,7 +70,6 @@
         </div>
         <div class="cru_selectBox">
           <div
-            style="margin: 20px 0 0 0"
             v-for="(item, stageIndex) in navList"
             :key="stageIndex"
           >
@@ -129,7 +128,7 @@
             width: 77%;
             z-index: 999;
             border-radius: 12px 12px 0 0;
-            box-shadow: rgb(242, 242, 242) 0px -20px 0px 20px;
+            box-shadow: rgb(242, 242, 242) 0px -20px 0px 0;
             border-bottom: 1px solid #CAD1DC;
     padding: 10px 0;
           "
@@ -335,7 +334,7 @@
                         fileC[taskCount].length > 0) &&
                       showType === ''
                         ? 'calc(100%)'
-                        : 'calc(100% - 83%)',
+                        : '300px',
                     margin:
                       (vChapterData[taskCount].length > 0 ||
                         fileC[taskCount].length > 0) &&
@@ -511,7 +510,7 @@
                   </div>
                 </div>
               </div>
-              <div style="width: 81%">
+              <div style="width: 78.5%">
                 <div
                   style="padding: 10px 0 0; width: 95%; margin: 0 auto"
                   v-if="showType == 2 || showType == 3"
@@ -17826,8 +17825,10 @@ export default {
   margin-right: 10px;
   background: rgb(255, 255, 255);
   position: fixed;
-  height: 100%;
+  height: calc(100% - 40px);
   border-radius: 20px;
+  padding-bottom: 15px;
+  box-sizing: border-box;
 }
 
 .wheel > img,
@@ -17909,7 +17910,7 @@ export default {
 
 .box_course {
   /* width: 60%; */
-  width: 81%;
+  width: calc(100% - 300px);
 }
 
 .wheel {
@@ -17947,6 +17948,7 @@ export default {
   width: 100%;
   /* overflow: auto; */
   height: auto;
+  padding-bottom: 20px;
 }
 
 .study_top .checkbox {
@@ -18482,6 +18484,14 @@ export default {
   position: relative;
 }
 
+.new_top::before{
+  content: '';
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: -20px;
+}
+
 .before {
   position: absolute;
   background: #c3dad4;
@@ -18543,7 +18553,7 @@ export default {
   background: #f2f2f2;
   border: 1px solid #ececec;
   /* width: 38.8%; */
-  width: 100%;
+  width: 300px;
   height: 445px;
   border-radius: 10px;
   overflow: hidden;
@@ -18853,6 +18863,7 @@ export default {
 
 .toolHeng2 {
   width: 100%;
+  box-sizing:border-box;
 }
 
 .toolHeng {

src/components/easy3/studyStudent.vue

@@ -70,7 +70,6 @@
         </div>
         <div class="cru_selectBox">
           <div
-            style="margin: 20px 0 0 0"
             v-for="(item, stageIndex) in navList"
             :key="stageIndex"
           >
@@ -129,7 +128,7 @@
             width: 77%;
             z-index: 999;
             border-radius: 12px 12px 0 0;
-            box-shadow: rgb(242, 242, 242) 0px -20px 0px 20px;
+            box-shadow: rgb(242, 242, 242) 0px -20px 0px 0;
             border-bottom: 1px solid #CAD1DC;
     padding: 10px 0;
           "
@@ -329,7 +328,7 @@
                       (vChapterData[0].length > 0 || fileC[0].length > 0) &&
                       showType === ''
                         ? 'calc(100%)'
-                        : 'calc(100% - 83%)',
+                        : '300px',
                     margin:
                       (vChapterData[0].length > 0 || fileC[0].length > 0) &&
                       showType === ''
@@ -497,7 +496,7 @@
                   </div>
                 </div>
               </div>
-              <div style="width: 81%">
+              <div style="width: 78.5%">
                 <div
                   style="padding: 10px 0 0; width: 95%; margin: 0 auto"
                   v-if="showType == 2 || showType == 3"
@@ -17690,8 +17689,10 @@ export default {
   margin-right: 10px;
   background: rgb(255, 255, 255);
   position: fixed;
-  height: 100%;
+  height: calc(100% - 40px);
   border-radius: 20px;
+    padding-bottom: 15px;
+  box-sizing: border-box;
 }
 
 .wheel > img,
@@ -17773,7 +17774,7 @@ export default {
 
 .box_course {
   /* width: 60%; */
-  width: 81%;
+  width: calc(100% - 300px);
 }
 
 .wheel {
@@ -17811,6 +17812,7 @@ export default {
   width: 100%;
   /* overflow: auto; */
   height: auto;
+  padding-bottom: 20px;
 }
 
 .study_top .checkbox {
@@ -18346,6 +18348,14 @@ export default {
   position: relative;
 }
 
+.new_top::before{
+  content: '';
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: -20px;
+}
+
 .before {
   position: absolute;
   background: #c3dad4;
@@ -18407,7 +18417,7 @@ export default {
   background: #f2f2f2;
   border: 1px solid #ececec;
   /* width: 38.8%; */
-  width: 100%;
+  width: 300px;
   height: 445px;
   border-radius: 10px;
   overflow: hidden;
@@ -18712,6 +18722,7 @@ export default {
 
 .toolHeng2 {
   width: 100%;
+  box-sizing:border-box;
 }
 
 .toolHeng {

src/components/studyStudent.vue

@@ -118,7 +118,6 @@
             width: 77%;
             z-index: 999;
             border-radius: 12px 12px 0 0;
-            box-shadow: rgb(242, 242, 242) 0px -20px 0px 20px;
             border-bottom: 1px solid #CAD1DC;
     padding: 10px 0;
           "
@@ -367,7 +366,7 @@
                         fileC[taskCount].length > 0) &&
                       showType === ''
                         ? 'calc(100%)'
-                        : 'calc(100% - 83%)',
+                        : '300px',
                     margin:
                       (vChapterData[taskCount].length > 0 ||
                         fileC[taskCount].length > 0) &&
@@ -526,7 +525,7 @@
                   </div>
                 </div>
               </div>
-              <div style="width: 81%">
+              <div style="width: 78.5%">
                 <div
                   style="padding: 10px 0 0; width: 95%; margin: 0 auto"
                   v-if="showType == 2 || showType == 3"
@@ -16829,8 +16828,10 @@ export default {
   margin-right: 10px;
   background: rgb(255, 255, 255);
   position: fixed;
-  height: 100%;
+  height: calc(100% - 40px);
   border-radius: 20px;
+    padding-bottom: 15px;
+  box-sizing: border-box;
 }
 
 .wheel > img,
@@ -16912,7 +16913,7 @@ export default {
 
 .box_course {
   /* width: 60%; */
-  width: 81%;
+  width: calc(100% - 300px);
 }
 
 .wheel {
@@ -16947,6 +16948,7 @@ export default {
   margin-top: 80px;
   width: 100%;
   height: auto;
+  padding-bottom: 20px;
 }
 
 .study_top .checkbox {
@@ -17501,6 +17503,14 @@ export default {
   position: relative;
 }
 
+.new_top::before{
+  content: '';
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: -20px;
+}
+
 .before {
   position: absolute;
   background: #c3dad4;
@@ -17562,7 +17572,7 @@ export default {
   background: #f2f2f2;
   border: 1px solid #ececec;
   /* width: 38.8%; */
-  width: 100%;
+  width: 300px;
   height: 445px;
   border-radius: 10px;
   overflow: hidden;
@@ -17864,6 +17874,7 @@ export default {
 .toolHeng2 {
   width: 100%;
   padding-left: 37px;
+  box-sizing:border-box;
 }
 
 .workNav {