LaniakeaSupercluster
/
webrtc
2
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

高亮正在播放的

This commit is contained in:
觉 2023-10-02 06:44:37 +08:00
parent 272be4d3d8
commit e5ca640067
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -34,7 +34,7 @@
console.log('播放音乐', item.name)
},
onstop: item => {
console.log('停止音乐', item.name)
console.log('停止音乐', item?.name)
},
onlike: (item, list) => {
console.log('喜欢音乐', item)

6
public/music.js
View File

@ -42,6 +42,9 @@ export default class MusicList {
ul.music-list > li {
cursor: pointer;
}
ul.music-list > li.play {
color: #02be08;
}
ul.music-list > li.cache::marker {
color: #02be08;
font-size: 1em;
@ -88,10 +91,13 @@ export default class MusicList {
if (event.target.dataset.play === 'play') {
event.target.dataset.play = 'stop'
event.target.innerText = '播放'
this.ul.querySelector(`#${item.id}`).classList.remove('play')
this.stop()
} else {
event.target.dataset.play = 'play'
event.target.innerText = '停止'
this.ul.querySelectorAll('li.play').forEach(li => li.classList.remove('play'))
this.ul.querySelector(`#${item.id}`).classList.add('play')
this.play(item)
}
}