update time

packages/artplayer/src/control/time.js

@@ -1,12 +1,17 @@
-import { secondToTime } from '../utils';
+import { secondToTime, isMobile } from '../utils';
 
 export default function time(option) {
     return (art) => ({
         ...option,
-        style: {
-            cursor: 'auto',
-            margin: '0 10px',
-        },
+        style: isMobile
+            ? {
+                  fontSize: '12px',
+                  padding: '0 5px',
+              }
+            : {
+                  cursor: 'auto',
+                  padding: '0 10px',
+              },
         mounted: ($control) => {
             function getTime() {
                 const newTime = `${secondToTime(art.currentTime)} / ${secondToTime(art.duration)}`;

packages/artplayer/src/style/mobile.less

@@ -1,4 +1,6 @@
 .art-mobile {
+    --art-padding: 8px;
+    --art-bottom-gap: 8px;
     --art-control-height: 38px;
     --art-control-icon-scale: 1;
     --art-state-size: 60px;