xiangqingye

src/components/python/index.js

@@ -39,7 +39,7 @@ class Python extends Component {
     const {isPay} = this.state;
     const {user: {hasError}} = this.props;
     return (
-      <div>
+      <div style={{height:'100%'}}>
         {
           isPay === 0 && <PythonDes ></PythonDes>
         }

src/components/python/pythonStudy/index.scss

+html, body, #root {
+  height: 100%;
+}
+
 .am-accordion.python-study__stage .am-accordion-item .am-accordion-header {
   height: 44px;
   padding-left: 13px;
@@ -5,15 +9,28 @@
   font-weight: 600;
   color: #333;
   background-color: #CFDBE5;
+  border-radius: 4px;
 }
+
+.am-accordion.python-study__stage .am-accordion-item-active .am-accordion-header{
+  border-radius: 4px 4px 0 0;
+}
+
+html:not([data-scale]) .am-accordion::before {
+  background-color: #F4F5F6;
+}
+
 .am-accordion.python-study__stage .am-accordion-item {
   margin-top: 15px;
-  .am-accordion-content{
+
+  .am-accordion-content {
     padding-bottom: 10px;
+    border-radius: 0 0 4px 4px;
   }
 }
-.am-accordion.python-study__stage{
-  .am-accordion-item:first-child{
+
+.am-accordion.python-study__stage {
+  .am-accordion-item:first-child {
     margin-top: 0;
   }
 }
@@ -59,7 +76,7 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
   flex-direction: column;
   align-items: flex-end;
   font-size: 12px;
-  color: rgba(255,255,255,.8);
+  color: rgba(255, 255, 255, .8);
 }
 
 .python-study__progress {
@@ -69,7 +86,7 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
 .python-study__progress-title {
   font-size: 14px;
   font-weight: 600;
-  color: rgba(51,51,51,.6);
+  color: rgba(51, 51, 51, .6);
   line-height: 39px;
 }
 
@@ -78,7 +95,7 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
   height: 3px;
   margin: 18px 0 15px;
   border-radius: 2px;
-  background-color: rgba(207,219,229,.6);
+  background-color: rgba(207, 219, 229, .6);
 
   i {
     position: absolute;
@@ -114,9 +131,10 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
 }
 
 .python-study__stage {
-  margin: 15px 10px 0;
+  padding: 0 10px 60px;
   border-radius: 4px;
   overflow: hidden;
+  background-color: #F4F5F6;
 }
 
 .python-study__pass {
@@ -136,10 +154,10 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
-  color: rgba(26,155,252,1);
+  color: rgba(26, 155, 252, 1);
   text-align: center;
   line-height: 21px;
-  background-color: rgba(26,155,252,.1);;
+  background-color: rgba(26, 155, 252, .1);;
 }
 
 .python-study__subject {
@@ -148,11 +166,11 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
   padding: 6px;
   border-radius: 4px;
   box-sizing: border-box;
-  background-color: rgba(247,248,249,1);
+  background-color: rgba(247, 248, 249, 1);
 
 
   &[data-status="lock"] {
-    background-color: rgba(247,248,249,.6);
+    background-color: rgba(247, 248, 249, .6);
   }
 }
 
@@ -207,7 +225,7 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
   font-size: 12px;
   color: #525C65;
   line-height: 18px;
-  background-color: rgba(82,92,101,.1);
+  background-color: rgba(82, 92, 101, .1);
   position: absolute;
   bottom: 0;
 }
@@ -217,6 +235,7 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
   bottom: 0;
   width: 100%;
   height: 50px;
+  line-height: 50px;
   border-style: none;
   box-sizing: border-box;
   font-size: 16px;
@@ -226,3 +245,7 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
   background-color: #1A9BFC;
   z-index: 1;
 }
+
+.python-study__over {
+  background-color: #ccc;
+}
\ No newline at end of file