task#15348,培训文档和文档资料布局更改

src/styles/docment.scss

@@ -2,7 +2,7 @@
 .wrap{
   @include wh(100%,100%);
   background-color: #F4F5F7;
-  overflow-y: auto;
+
 }
 .navBar{
   margin-bottom: 46px;
@@ -13,10 +13,37 @@
     @include wh(17px, 17px);
   }
 }
+.tab_wrap {
+  @include fontWeightSize(bold, 12px);
+  display: flex;
+  justify-content: space-around;
+  padding: 5px 0 5px 0;
+  @include colorOpa(#737373,0.7);
+  div {
+    padding-top: 8px;
+  }
+  .active {
+    color: #3678FF;
+    position: relative;
+  }
+  .active:after {
+    content: '';
+    display: block;
+    @include wh(50px,2px);
+    background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
+    border-radius: 2px;
+    position: absolute;
+    margin-top: 3px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
 .contentWrap{
   @include sizingPadding(0,8px);
+  overflow-y: auto;
   width: 100%;
-  margin-top: 20px;
+  height: calc(100% - 100px);
+  margin-top: 10px;
   .itemWrap{
     margin-bottom: 16px;
     @include wh(100%, 300px);
@@ -35,15 +62,15 @@
       @include wh(100%,200px);
       position: relative;
       img{
-        @include wh(100%,200px);
+        @include wh(100%,100%);
       }
-      .name{
+    /*  .name{
         position: absolute;
         left: 30px;
         bottom: 30px;
         @include fontWeightSize(bold,14px);
         color: #FFFFFF;
-      }
+      }*/
     }
     .left{
       color: red;