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

添加设置样式小工具

Browse Source
This commit is contained in:
Harvey Zack committed 2018-10-30 16:53:13 +08:00
1 parent 6e4087a080
commit 96a6e1eb0e
14 files changed
+113 -109
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/controls/thumbnails.js
+10 -10
View File
@@ -1,4 +1,4 @@
import { errorHandle } from '../utils';
import { errorHandle, setStyle } from '../utils';
export default class Thumbnails {
constructor(option) {
@@ -27,13 +27,13 @@ export default class Thumbnails {
}
if (this.isLoad) {
this.option.$control.style.display = 'block';
setStyle(this.option.$control, 'display', 'block');
this.showThumbnails(event);
}
});
proxy($progress, 'mouseout', () => {
this.option.$control.style.display = 'none';
setStyle(this.option.$control, 'display', 'none');
});
}
@@ -63,17 +63,17 @@ export default class Thumbnails {
let yIndex = Math.ceil(perIndex / column);
let xIndex = perIndex % column || column;
this.option.$control.style.backgroundImage = `url(${url})`;
this.option.$control.style.height = `${height}px`;
this.option.$control.style.width = `${width}px`;
this.option.$control.style.backgroundPosition = `-${--xIndex * width}px -${--yIndex * height}px`;
setStyle(this.option.$control, 'backgroundImage', `url(${url})`);
setStyle(this.option.$control, 'height', `${height}px`);
setStyle(this.option.$control, 'width', `${width}px`);
setStyle(this.option.$control, 'backgroundPosition', `-${--xIndex * width}px -${--yIndex * height}px`);
if (posWidth <= width / 2) {
this.option.$control.style.left = 0;
setStyle(this.option.$control, 'left', 0);
} else if (posWidth > $progress.clientWidth - width / 2) {
this.option.$control.style.left = `${$progress.clientWidth - width}px`;
setStyle(this.option.$control, 'left', `${$progress.clientWidth - width}px`);
} else {
this.option.$control.style.left = `${posWidth - width / 2}px`;
setStyle(this.option.$control, 'left', `${posWidth - width / 2}px`);
}
}
}