v5.0.6

packages/artplayer/src/setting/index.js

@@ -150,8 +150,9 @@ export default class Setting extends Component {
     }
 
     creatHeader(item) {
-        const { icons, proxy } = this.art;
+        const { icons, proxy, constructor } = this.art;
         const $item = createElement('div');
+        setStyle($item, 'height', `${constructor.SETTING_ITEM_HEIGHT}px`);
         addClass($item, 'art-setting-item');
         addClass($item, 'art-setting-item-back');
         const $left = append($item, '<div class="art-setting-item-left"></div>');
@@ -166,10 +167,11 @@ export default class Setting extends Component {
     }
 
     creatItem(type, item) {
-        const { icons, proxy } = this.art;
+        const { icons, proxy, constructor } = this.art;
 
         const $item = createElement('div');
         addClass($item, 'art-setting-item');
+        setStyle($item, 'height', `${constructor.SETTING_ITEM_HEIGHT}px`);
 
         if (isStringOrNumber(item.name)) {
             $item.dataset.name = item.name;

packages/artplayer/src/style/mobile.less

@@ -3,7 +3,6 @@
     --art-control-height: 38px;
     --art-control-icon-scale: 1;
     --art-state-size: 60px;
-    --art-settings-scale: 0.85;
     --art-settings-max-height: 180px;
     --art-selector-max-height: 180px;
     --art-indicator-scale: 1;

packages/artplayer/src/style/setting.less

@@ -18,7 +18,6 @@
 
         .art-setting-panel {
             display: none;
-            height: 100%;
             flex-direction: column;
 
             &.art-current {
@@ -29,7 +28,6 @@
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
-                flex: 1;
                 padding: 0 5px;
                 cursor: pointer;
                 overflow: hidden;

packages/artplayer/src/style/variables.less

@@ -29,7 +29,6 @@
     --art-indicator-scale: 0;
     --art-indicator-size: 16px;
     --art-fullscreen-web-index: 9999;
-    --art-settings-scale: 1;
     --art-settings-icon-size: 24px;
     --art-settings-max-height: 300px;
     --art-selector-max-height: 300px;