fix: 修复手机端显示异常问题 🐛

Author: xiaosongxiaosong

src/PlayerSkin/ControlBar/index.module.less

@@ -5,11 +5,30 @@
 
   width: 100%;
   padding: 0 8px 4px;
-}
 
-.flexItem {
-  overflow: hidden;
-  flex: 1;
+  button {
+    display: inline-block;
+
+    width: 32px;
+    height: 32px;
+    margin: 0;
+    padding: 0;
+
+    cursor: pointer;
+    vertical-align: bottom;
+
+    border: 0;
+    outline: 0 none transparent;
+    background-color: transparent;
+
+    font-size: 20px;
+    line-height: 32px;
+  }
+
+  .flexItem {
+    overflow: hidden;
+    flex: 1;
 
-  white-space: nowrap;
+    white-space: nowrap;
+  }
 }

src/PlayerSkin/Controls/index.module.less

@@ -15,24 +15,24 @@
 
   background: transparent repeat-x left bottom;
 
-  button {
-    display: inline-block;
+  // button {
+  //   display: inline-block;
 
-    width: 32px;
-    height: 32px;
-    margin: 0;
-    padding: 0;
+  //   width: 32px;
+  //   height: 32px;
+  //   margin: 0;
+  //   padding: 0;
 
-    cursor: pointer;
-    vertical-align: bottom;
+  //   cursor: pointer;
+  //   vertical-align: bottom;
 
-    border: 0;
-    outline: 0 none transparent;
-    background-color: transparent;
+  //   border: 0;
+  //   outline: 0 none transparent;
+  //   background-color: transparent;
 
-    font-size: 20px;
-    line-height: 32px;
-  }
+  //   font-size: 20px;
+  //   line-height: 32px;
+  // }
 
   .textBtn {
     width: auto;

src/PlayerSkin/TimeSlider/index.module.less

@@ -201,7 +201,8 @@
     pointer-events: auto;
 
     opacity: 1;
-    box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.2);
+    // box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.2);
+    box-shadow: none;
     // &:disabled {
     //   opacity: 0;
     //   pointer-events: none;