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

调整传参方式

Browse Source
This commit is contained in:
Harvey Zack committed 2018-11-03 09:20:25 +08:00
1 parent d0fdab870d
commit e4668df2db
20 files changed
+127 -163
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/controls/thumbnails.js
+13 -16
View File
@@ -7,14 +7,11 @@ export default class Thumbnails {
this.isLoad = false;
}
apply(art) {
apply(art, $control) {
this.art = art;
errorHandle(this.art.controls.progress, '\'thumbnails\' control dependent on \'progress\' control');
this.init();
}
init() {
const { refs: { $progress }, events: { proxy } } = this.art;
errorHandle(art.controls.progress, '\'thumbnails\' control dependent on \'progress\' control');
const { refs: { $progress }, events: { proxy } } = art;
this.$control = $control;
proxy($progress, 'mousemove', event => {
if (!this.loading) {
@@ -25,13 +22,13 @@ export default class Thumbnails {
}
if (this.isLoad) {
setStyle(this.option.$control, 'display', 'block');
setStyle($control, 'display', 'block');
this.showThumbnails(event);
}
});
proxy($progress, 'mouseout', () => {
setStyle(this.option.$control, 'display', 'none');
setStyle($control, 'display', 'none');
});
}
@@ -60,17 +57,17 @@ export default class Thumbnails {
let yIndex = Math.ceil(perIndex / column);
let xIndex = perIndex % column || column;
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`);
setStyle(this.$control, 'backgroundImage', `url(${url})`);
setStyle(this.$control, 'height', `${height}px`);
setStyle(this.$control, 'width', `${width}px`);
setStyle(this.$control, 'backgroundPosition', `-${--xIndex * width}px -${--yIndex * height}px`);
if (posWidth <= width / 2) {
setStyle(this.option.$control, 'left', 0);
setStyle(this.$control, 'left', 0);
} else if (posWidth > $progress.clientWidth - width / 2) {
setStyle(this.option.$control, 'left', `${$progress.clientWidth - width}px`);
setStyle(this.$control, 'left', `${$progress.clientWidth - width}px`);
} else {
setStyle(this.option.$control, 'left', `${posWidth - width / 2}px`);
setStyle(this.$control, 'left', `${posWidth - width / 2}px`);
}
}
}