修正播放列表样式

packages/artplayer-plugin-playlist/src/index.scss

@@ -1,27 +1,32 @@
 .artplayer-video-player {
-    .artplay-playlist {
-        display: none;
+    .artplayer-playlist {
+        display: flex;
+        align-items: center;
+        justify-content: center;
         position: absolute;
         z-index: 120;
         left: 0;
         top: 0;
         height: 100%;
         width: 100%;
-        align-items: center;
-        justify-content: center;
+        opacity: 0;
+        visibility: hidden;
+        pointer-events: none;
+        overflow: hidden;
 
-        .artplay-playlist-inner {
+        .artplayer-playlist-inner {
             position: absolute;
             top: 0;
-            right: 0;
+            right: -300px;
             bottom: 0;
-            width: 50%;
+            width: 300px;
             height: 100%;
             font-size: 12px;
             background: rgba(0, 0, 0, 0.8);
+            transition: all 0.2s ease-in-out;
             overflow: auto;
 
-            .artplay-playlist-item {
+            .artplayer-playlist-item {
                 cursor: pointer;
                 border-bottom: 1px solid rgba(255,255,255,.1);
                 padding: 12px 20px 12px 20px;
@@ -36,4 +41,15 @@
             }
         }
     }
+
+    &.artplayer-playlist-show {
+        .artplayer-playlist {
+            opacity: 1;
+            visibility: visible;
+            pointer-events: auto;
+            .artplayer-playlist-inner {
+                right: 0;
+            }
+        }
+    }
 }