样式

src/views/creation/index.module.less

@@ -33,15 +33,14 @@
 }
 
 .playSection{
-  height: 250px;
-  padding-bottom: 40px;
+  height: 210px;
   position: relative;
   &::after{
     position: absolute;
     content: "";
     width: 100%;
     height: 40px;
-    bottom: 0;
+    bottom: -40px;
     left: 0;
     background: linear-gradient( 180deg, #355662 0%, rgba(57,90,95,0) 100%);
   }
@@ -134,7 +133,7 @@
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%, calc(-50% - 20px));
+    transform: translate(-50%, -50%);
     width: 48px;
     height: 48px;
     background: url("./images/midPlay.png") no-repeat;
@@ -149,7 +148,7 @@
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    bottom: 96px;
+    bottom: 56px;
     display: none;
     font-weight: 500;
     font-size: 14px;
@@ -186,7 +185,7 @@
     width: 100%;
     height: calc(var(--staffBoxHeight) + 12px);
     position: absolute;
-    bottom: 40px;
+    bottom: 0;
     padding-bottom: 12px;
     visibility: hidden;
     background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);