diff --git a/public/index.html b/public/index.html
index 5c3bd73..fa588e9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -34,7 +34,7 @@
                 console.log('播放音乐', item.name)
             },
             onstop: item => {
-                console.log('停止音乐', item.name)
+                console.log('停止音乐', item?.name)
             },
             onlike: (item, list) => {
                 console.log('喜欢音乐', item)
diff --git a/public/music.js b/public/music.js
index 0189ff5..9e59cf7 100644
--- a/public/music.js
+++ b/public/music.js
@@ -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)
                         }
                     }