mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-23 13:51:20 -08:00
改进区间循环UI
This commit is contained in:
1 parent
fcbf9cc3cc
commit
de5ac7513e
4 files changed
+18
-23
No files matched your search
@@ -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}%`);
|
||||
});
|
||||
|
||||
|
||||
Reference in new issue
Block a user