修改样式问题

src/components/easy2/studyStudent.vue

@@ -2,7 +2,7 @@
   <div class="pb_content" style="overflow: unset">
     <div
       class="pb_content_body"
-      style="display: flex; height: 900px; position: relative"
+      style="display: flex; height: 900px; position: relative;padding: 20px 0 20px 20px;box-sizing: border-box;"
     >
       <div class="btnAllNT">
         <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
@@ -53,7 +53,7 @@
         <div
           style="
             border-bottom: 1px solid #cad1dc;
-            padding-bottom: 5px;
+            padding: 13px 0;
             width: 100%;
           "
         >
@@ -124,12 +124,14 @@
           class="new_top"
           style="
             position: fixed;
-            top: 0;
+            top: 20px;
             left: 22%;
             width: 77%;
             z-index: 999;
             border-radius: 12px 12px 0 0;
-            box-shadow: 0px 9px 0 0 #f2f2f2;
+            box-shadow: rgb(242, 242, 242) 0px -20px 0px 20px;
+            border-bottom: 1px solid #CAD1DC;
+    padding: 10px 0;
           "
           :class="{ navLeftCss: !mlDialog }"
         >
@@ -17810,7 +17812,7 @@ export default {
 
 .student_head {
   width: 100%;
-  margin: 0 auto;
+  margin: 40px auto 0;
   padding-bottom: 20px;
   display: flex;
   flex-direction: column;
@@ -17825,6 +17827,7 @@ export default {
   background: rgb(255, 255, 255);
   position: fixed;
   height: 100%;
+  border-radius: 20px;
 }
 
 .wheel > img,
@@ -17940,7 +17943,7 @@ export default {
 }
 
 .study_top {
-  margin-top: 70px;
+  margin-top: 80px;
   width: 100%;
   /* overflow: auto; */
   height: auto;
@@ -18544,6 +18547,7 @@ export default {
   height: 445px;
   border-radius: 10px;
   overflow: hidden;
+  box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.16);
 }
 
 .vedioNav {
@@ -19082,7 +19086,7 @@ export default {
 }
 
 .vedioBox {
-  border-radius: 20px;
+  border-radius: 0 0 20px 20px;
   background: #fff;
   margin-bottom: 10px;
   overflow: auto;
@@ -21459,9 +21463,9 @@ ol {
 }
 
 .navListItem {
-  width: 235px;
+  width: 220px;
   height: 50px;
-  margin: 0px 0px 10px 5px;
+  margin: 0px auto 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;

src/components/easy3/studyStudent.vue

@@ -2,7 +2,7 @@
   <div class="pb_content" style="overflow: unset">
     <div
       class="pb_content_body"
-      style="display: flex; height: 900px; position: relative"
+      style="display: flex; height: 900px; position: relative;padding: 20px 0 20px 20px;box-sizing: border-box;"
     >
       <div class="btnAllNT">
         <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
@@ -53,7 +53,7 @@
         <div
           style="
             border-bottom: 1px solid #cad1dc;
-            padding-bottom: 5px;
+            padding: 13px 0;
             width: 100%;
           "
         >
@@ -124,12 +124,14 @@
           class="new_top"
           style="
             position: fixed;
-            top: 0;
+            top: 20px;
             left: 22%;
             width: 77%;
             z-index: 999;
             border-radius: 12px 12px 0 0;
-            box-shadow: 0px 9px 0 0 #f2f2f2;
+            box-shadow: rgb(242, 242, 242) 0px -20px 0px 20px;
+            border-bottom: 1px solid #CAD1DC;
+    padding: 10px 0;
           "
           :class="{ navLeftCss: !mlDialog }"
         >
@@ -17674,7 +17676,7 @@ export default {
 
 .student_head {
   width: 100%;
-  margin: 0 auto;
+  margin: 40px auto 0;
   padding-bottom: 20px;
   display: flex;
   flex-direction: column;
@@ -17689,6 +17691,7 @@ export default {
   background: rgb(255, 255, 255);
   position: fixed;
   height: 100%;
+  border-radius: 20px;
 }
 
 .wheel > img,
@@ -17800,10 +17803,11 @@ export default {
   margin-top: 10px;
   padding: 0 0 20px;
   background: #fff;
+  border-radius: 20px;
 }
 
 .study_top {
-  margin-top: 70px;
+  margin-top: 80px;
   width: 100%;
   /* overflow: auto; */
   height: auto;
@@ -18407,6 +18411,7 @@ export default {
   height: 445px;
   border-radius: 10px;
   overflow: hidden;
+  box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.16);
 }
 
 .vedioNav {
@@ -18940,7 +18945,7 @@ export default {
 }
 
 .vedioBox {
-  border-radius: 20px;
+  border-radius: 0 0 20px 20px;
   background: #fff;
   margin-bottom: 10px;
   overflow: auto;
@@ -21319,9 +21324,9 @@ ol {
 }
 
 .navListItem {
-  width: 235px;
+  width: 220px;
   height: 50px;
-  margin: 0px 0px 10px 5px;
+  margin: 0px auto 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;

src/components/studyStudent.vue

@@ -2,7 +2,7 @@
   <div class="pb_content" style="overflow: unset">
     <div
       class="pb_content_body"
-      style="display: flex; height: 900px; position: relative"
+      style="display: flex; height: 900px; position: relative;padding: 20px 0 20px 20px;box-sizing: border-box;"
     >
       <div
         class="pButton"
@@ -21,7 +21,7 @@
         <div
           style="
             border-bottom: 1px solid #cad1dc;
-            padding-bottom: 5px;
+            padding: 13px 0;
             width: 100%;
           "
         >
@@ -113,12 +113,14 @@
           class="new_top"
           style="
             position: fixed;
-            top: 0;
-            left: 21%;
+            top: 20px;
+            left: 22%;
             width: 77%;
             z-index: 999;
             border-radius: 12px 12px 0 0;
-            box-shadow: 0px 9px 0 0 #f2f2f2;
+            box-shadow: rgb(242, 242, 242) 0px -20px 0px 20px;
+            border-bottom: 1px solid #CAD1DC;
+    padding: 10px 0;
           "
           :class="{ navLeftCss: !mlDialog }"
         >
@@ -16807,13 +16809,13 @@ export default {
   width: 77%;
   height: 100%;
   position: absolute;
-  left: 21%;
+  left: 22%;
   top: 0;
 }
 
 .student_head {
   width: 100%;
-  margin: 0 auto;
+  margin: 40px auto 0;
   padding-bottom: 20px;
   display: flex;
   flex-direction: column;
@@ -16828,6 +16830,7 @@ export default {
   background: rgb(255, 255, 255);
   position: fixed;
   height: 100%;
+  border-radius: 20px;
 }
 
 .wheel > img,
@@ -16941,7 +16944,7 @@ export default {
 }
 
 .study_top {
-  margin-top: 70px;
+  margin-top: 80px;
   width: 100%;
   height: auto;
 }
@@ -17563,6 +17566,7 @@ export default {
   height: 445px;
   border-radius: 10px;
   overflow: hidden;
+  box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.16);
 }
 
 .vedioNav {
@@ -17951,9 +17955,9 @@ export default {
 }
 
 .navListItem {
-  width: 235px;
+  width: 220px;
   height: 50px;
-  margin: 0px 0px 10px 5px;
+  margin: 0px auto 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -18140,10 +18144,10 @@ export default {
 }
 
 .vedioBox {
-  border-radius: 20px;
+  border-radius: 0 0 20px 20px;
   background: #fff;
   margin-bottom: 10px;
-  padding-top: 10px;
+  overflow: auto;
 }
 
 .taskBox {