lex 1 year ago
parent
commit
00fa9b9067

+ 12 - 10
src/views/attend-class/component/audio.module.less

@@ -39,15 +39,17 @@
 
 .controls {
   position: absolute;
-  bottom: 0;
+  // height: 126px;
+  bottom: 126px;
   left: 0;
   right: 0;
   width: 100%;
-  background: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.7);
   backdrop-filter: blur(26px);
-  height: 150px;
-  padding: 0 250px 0 40px !important;
-  transition: all 0.5s;
+  height: 86px;
+  padding: 10px 40px 0 !important;
+  transition: all 0.2s;
+  transition-delay: .4s;
   display: flex;
   align-items: center;
   transition: all .5s;
@@ -94,8 +96,8 @@
 
   .actionBtn {
     display: flex;
-    width: 82px;
-    height: 82px;
+    width: 60px;
+    height: 60px;
     padding: 4px 0;
     background: transparent;
 
@@ -107,8 +109,8 @@
 
 
   .iconReplay {
-    width: 43px;
-    height: 42px;
+    width: 40px;
+    height: 39px;
     background-color: transparent;
 
     &>img {
@@ -135,5 +137,5 @@
   opacity: 0;
   pointer-events: none;
   transform: translateY(100%);
-  transition: all .5s;
+  transition: all .2s;
 }

+ 9 - 26
src/views/attend-class/index.module.less

@@ -23,31 +23,7 @@
   }
 }
 
-.assignHomework {
-  position: absolute;
-  top: 40px;
-  left: 40px;
-  width: 187px;
-  height: 65px;
-  cursor: pointer;
-  transition: all 0.5s;
-
-  &.isClose {
-    left: 124px;
-  }
 
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.sectionAnimateUp {
-  opacity: 0;
-  pointer-events: none;
-  transform: translateY(-100%);
-  transition: all 0.5s;
-}
 
 .coursewarePlay {
   position: relative;
@@ -352,17 +328,24 @@
   transition: all 0.5s;
 }
 
+.sectionAnimateUp {
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(-100%);
+  transition: all 0.3s;
+}
+
 .switchDisplaySection {
   position: absolute;
   right: 0px;
   bottom: 0px;
   z-index: 199;
-  transition: all 0.5s;
+  transition: all 0.3s;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  padding: 0 30px;
+  padding: 0 40px;
   height: 126px;
   background-color: rgba(0, 0, 0, 0.7);