update mobile demo

packages/artplayer/src/control/subtitle.js

@@ -1,10 +1,10 @@
 import { append, tooltip } from '../utils';
 
 export default function subtitle(option) {
-    return art => ({
+    return (art) => ({
         ...option,
         tooltip: art.i18n.get('Hide Subtitle'),
-        mounted: $control => {
+        mounted: ($control) => {
             const {
                 events: { proxy },
                 icons,
@@ -18,7 +18,7 @@ export default function subtitle(option) {
                 subtitle.toggle = true;
             });
 
-            art.on('subtitle', value => {
+            art.on('subtitle', (value) => {
                 tooltip($control, i18n.get(value ? 'Hide Subtitle' : 'Show Subtitle'));
             });
         },

packages/artplayer/src/setting/index.js

@@ -270,6 +270,23 @@ export default class Setting extends Component {
             },
         });
 
+        const $tooltip = document.createElement('div');
+        addClass($tooltip, 'art-setting-item-right-tooltip');
+        append($tooltip, item.tooltip || '');
+        append($right, $tooltip);
+        item._$tooltip = $tooltip;
+
+        def(item, 'tooltip', {
+            get() {
+                return $tooltip.innerHTML;
+            },
+            set(value) {
+                if (typeof value === 'string' || typeof value === 'number') {
+                    $tooltip.innerHTML = value;
+                }
+            },
+        });
+
         const $switch = document.createElement('div');
         addClass($switch, 'art-setting-item-right-icon');
         const $switchOn = append($switch, icons.switchOn);

packages/artplayer/src/style/setting.less

@@ -75,6 +75,7 @@
 
                     .art-setting-item-right-tooltip {
                         font-size: 12px;
+                        margin-right: 5px;
                         white-space: nowrap;
                         color: rgba(255, 255, 255, 0.5);
                     }