样式修改

src/views/creation/index.module.less

@@ -33,8 +33,18 @@
 }
 
 .playSection{
-  height: 210px;
+  height: 250px;
+  padding-bottom: 40px;
   position: relative;
+  &::after{
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 40px;
+    bottom: 0;
+    left: 0;
+    background: linear-gradient( 180deg, #355662 0%, rgba(57,90,95,0) 100%);
+  }
   :global {
       .plyr {
           width: 100%;
@@ -176,7 +186,7 @@
     width: 100%;
     height: calc(var(--staffBoxHeight) + 12px);
     position: absolute;
-    bottom: 0;
+    bottom: 40px;
     padding-bottom: 12px;
     visibility: hidden;
     background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);