x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-23 05:41:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

bugfix

Browse Source
This commit is contained in:
Harvey Zack committed 2018-11-09 20:06:56 +08:00
1 parent 1b91760be2
commit 3dc1e30bb3
15 files changed
+68 -197
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/setting/flip.js
+13 -5
View File
@@ -8,14 +8,22 @@ export default class Flip {
apply(art, $setting) {
const { i18n, events: { proxy }, player } = art;
this.$header = $setting.querySelector('.art-setting-header');
this.$body = append($setting, `
<div class="art-setting-body">
<span class="art-setting-btn" data-flip="horizontal">${i18n.get('Horizontal')}</span>
<span class="art-setting-btn" data-flip="vertical">${i18n.get('Vertical')}</span>
this.$body = $setting.querySelector('.art-setting-body');
this.$btns = append(this.$body, `
<div class="art-setting-btns">
<div class="art-setting-btn current">
<span data-flip="normal">${i18n.get('Normal')}</span>
</div>
<div class="art-setting-btn">
<span data-flip="horizontal">${i18n.get('Horizontal')}</span>
</div>
<div class="art-setting-btn">
<span data-flip="vertical">${i18n.get('Vertical')}</span>
</div>
</div>
`);
proxy(this.$body, 'click', event => {
proxy(this.$btns, 'click', event => {
const { target } = event;
const { flip } = target.dataset;
if (flip) {
packages/artplayer/src/setting/index.js
+1 -9
View File
@@ -1,5 +1,4 @@
import { setStyle, append, insertByIndex } from '../utils';
import Rotate from './rotate';
import Flip from './flip';
let id = 0;
@@ -20,18 +19,11 @@ export default class Setting {
this.hide();
});
this.add(new Rotate({
name: 'rotate',
title: 'Rotate',
disable: false,
index: 10
}));
this.add(new Flip({
name: 'flip',
title: 'Flip',
disable: false,
index: 20
index: 10
}));
}
packages/artplayer/src/setting/rotate.js
-29
View File
@@ -1,29 +0,0 @@
import { append, inverseClass } from '../utils';
export default class Rotate {
constructor(option) {
this.option = option;
}
apply(art, $setting) {
const { events: { proxy }, player } = art;
this.$header = $setting.querySelector('.art-setting-header');
this.$body = append($setting, `
<div class="art-setting-body">
<span class="art-setting-btn" data-rotate="0">0°</span>
<span class="art-setting-btn" data-rotate="90">90°</span>
<span class="art-setting-btn" data-rotate="180">180°</span>
<span class="art-setting-btn" data-rotate="270">270°</span>
</div>
`);
proxy(this.$body, 'click', event => {
const { target } = event;
const { rotate } = target.dataset;
if (rotate) {
player.rotate(Number(rotate));
inverseClass(target, 'current');
}
});
}
}