update

packages/artplayer/src/style/setting.scss

@@ -1,28 +1,30 @@
 .art-video-player {
     .art-settings {
         display: none;
-        flex-direction: column;
         position: absolute;
         z-index: 90;
         right: 10px;
         bottom: 50px;
         width: 200px;
-        max-height: 300px;
         overflow: auto;
         font-size: 13px;
+        border-radius: 3px;
+        max-height: 300px;
+        transition: all 0.2s ease;
         background-color: rgba(0, 0, 0, 0.9);
-        transition: all 0.1s ease;
 
         .art-setting-item {
             display: flex;
             justify-content: space-between;
             align-items: center;
             height: 35px;
-            padding: 0 5px 0 0;
+            padding: 0 5px;
             line-height: 1;
             cursor: pointer;
+            color: rgba(255, 255, 255, 0.8);
 
             &:hover {
+                color: rgba(255, 255, 255, 0.95);
                 background-color: rgba(255, 255, 255, 0.1);
             }
 
@@ -34,14 +36,8 @@
                 height: 30px;
             }
 
-            .art-icon-arrowLeft {
-                width: 35px;
-                height: 30px;
-            }
-
             .art-icon-check {
                 visibility: hidden;
-                width: 35px;
                 height: 15px;
             }
 
@@ -52,13 +48,11 @@
             .art-setting-item-left {
                 display: flex;
                 align-items: center;
-                color: rgba(255, 255, 255, 0.8);
             }
 
             .art-setting-item-right {
                 display: flex;
                 align-items: center;
-                color: rgba(255, 255, 255, 0.95);
             }
         }
 
@@ -69,7 +63,7 @@
 
     &.art-setting-show {
         .art-settings {
-            display: flex;
+            display: block;
         }
     }
 }