改进区间循环UI

This commit is contained in:
Harvey committed 2020-05-18 16:25:24 +08:00
1 parent fcbf9cc3cc
commit de5ac7513e
4 files changed
+18 -23

No files matched your search

+3 -3
View File
@@ -6,12 +6,12 @@ export default function loop(option) {
mounted: ($control) => {
const { player } = art;
const $left = append($control, '<span class="art-loop-left"></span>');
const $right = append($control, '<span class="art-loop-right"></span>');
const $left = append($control, `<span class="art-loop-point"></span>`);
const $right = append($control, `<span class="art-loop-point"></span>`);
art.on('loopAdd', (value) => {
setStyle($control, 'display', 'block');
setStyle($left, 'left', `calc(${(value[0] / player.duration) * 100}% - 6px)`);
setStyle($left, 'left', `calc(${(value[0] / player.duration) * 100}% - ${$left.clientWidth}px)`);
setStyle($right, 'left', `${(value[1] / player.duration) * 100}%`);
});