update

packages/artplayer/src/setting/aspectRatio.js

@@ -1,8 +1,10 @@
 export default function aspectRatio(art) {
-    const { i18n } = art;
+    const { i18n, icons } = art;
+    
     return {
         width: 150,
         html: i18n.get('Aspect ratio'),
+        icon: '',
         items: ['default', '4:3', '16:9'].map((item) => {
             return {
                 html: item === 'default' ? i18n.get('Default') : item,

packages/artplayer/src/setting/flip.js

@@ -1,5 +1,5 @@
 export default function playbackRate(art) {
-    const { i18n } = art;
+    const { i18n, icons } = art;
 
     const keys = {
         normal: 'Normal',
@@ -10,6 +10,7 @@ export default function playbackRate(art) {
     return {
         width: 150,
         html: i18n.get('Flip'),
+        icon: '',
         items: Object.keys(keys).map((key) => {
             return {
                 html: i18n.get(keys[key]),

packages/artplayer/src/setting/index.js

@@ -103,7 +103,8 @@ export default class Setting extends Component {
             append($left, item.html);
         } else {
             if (hasItems) {
-                append($left, '<i class="art-icon"></i>');
+                const $icon = append($left, item.icon || icons.config);
+                addClass($icon, 'art-setting-item-left-icon');
                 append($right, icons.arrowRight);
             } else {
                 append($left, icons.check);

packages/artplayer/src/setting/playbackRate.js

@@ -1,8 +1,10 @@
 export default function playbackRate(art) {
-    const { i18n } = art;
+    const { i18n, icons } = art;
+
     return {
         width: 150,
         html: i18n.get('Play speed'),
+        icon: icons.playbackRate,
         items: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map((item) => {
             return {
                 html: item === 1.0 ? i18n.get('Normal') : item,

packages/artplayer/src/setting/subtitleOffset.js

@@ -1,9 +1,10 @@
 export default function subtitleOffset(art) {
-    const { i18n } = art;
+    const { i18n, icons } = art;
 
     return {
         width: 150,
         html: i18n.get('Subtitle offset time'),
+        icon: icons.subtitle,
         items: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map((item) => {
             return {
                 html: item === 0 ? i18n.get('Normal') : item,