diff --git a/src/views/api/Music.vue b/src/views/api/Music.vue
index 62c40c3..5ac5c0d 100644
--- a/src/views/api/Music.vue
+++ b/src/views/api/Music.vue
@@ -142,7 +142,7 @@
     </template>
   </el-dialog>
   <el-drawer v-model="musicPlaying" :close-on-click-modal="false" size="40%" title="播放音乐">
-    <a-player ref="player" autoplay showLrc :list="musicList" :music="musicList[0]" @play="musicPlay"/>
+    <a-player v-if="musicPlaying" ref="player" autoplay showLrc :list="musicList" :music="musicList[0]" @play="musicPlay"/>
   </el-drawer>
 </div>
 </template>
@@ -312,7 +312,7 @@ export default class Music extends BaseList<MusicPage> {
     const currentMusic = player.currentMusic
     const mediaSession: any = navigator.mediaSession
     mediaSession.metadata = new MediaMetadata({
-      title: currentMusic.name,
+      title: currentMusic.title,
       artist: currentMusic.artist,
       album: currentMusic.album,
       artwork: [{src: currentMusic.pic}]
diff --git a/src/views/api/aplayer/components/aplayer-controller-progress.vue b/src/views/api/aplayer/components/aplayer-controller-progress.vue
index 61bfe53..602b90d 100644
--- a/src/views/api/aplayer/components/aplayer-controller-progress.vue
+++ b/src/views/api/aplayer/components/aplayer-controller-progress.vue
@@ -108,7 +108,7 @@
     },
   }
 </script>
-<style lang="less">
+<style lang="less" scoped>
 
   .aplayer-bar-wrap {
     margin: 0 0 0 5px;
diff --git a/src/views/api/aplayer/components/aplayer-controller-volume.vue b/src/views/api/aplayer/components/aplayer-controller-volume.vue
index fef4922..668967f 100644
--- a/src/views/api/aplayer/components/aplayer-controller-volume.vue
+++ b/src/views/api/aplayer/components/aplayer-controller-volume.vue
@@ -71,7 +71,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 
   .aplayer-volume-wrap {
     position: relative;
diff --git a/src/views/api/aplayer/components/aplayer-controller.vue b/src/views/api/aplayer/components/aplayer-controller.vue
index acceda4..7bbe52d 100644
--- a/src/views/api/aplayer/components/aplayer-controller.vue
+++ b/src/views/api/aplayer/components/aplayer-controller.vue
@@ -84,7 +84,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 
   .aplayer-controller {
     display: flex;
diff --git a/src/views/api/aplayer/components/aplayer-iconbutton.vue b/src/views/api/aplayer/components/aplayer-iconbutton.vue
index 8fe270f..88c505a 100644
--- a/src/views/api/aplayer/components/aplayer-iconbutton.vue
+++ b/src/views/api/aplayer/components/aplayer-iconbutton.vue
@@ -19,7 +19,7 @@
 </script>
 
 
-<style lang="less">
+<style lang="less" scoped>
   .aplayer-icon {
     width: 15px;
     height: 15px;
diff --git a/src/views/api/aplayer/components/aplayer-list.vue b/src/views/api/aplayer/components/aplayer-list.vue
index 5db98a3..bdeaccd 100644
--- a/src/views/api/aplayer/components/aplayer-list.vue
+++ b/src/views/api/aplayer/components/aplayer-list.vue
@@ -58,7 +58,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 
   .aplayer-list {
     overflow: hidden;
diff --git a/src/views/api/aplayer/components/aplayer-lrc.vue b/src/views/api/aplayer/components/aplayer-lrc.vue
index 37703fd..de1e08c 100644
--- a/src/views/api/aplayer/components/aplayer-lrc.vue
+++ b/src/views/api/aplayer/components/aplayer-lrc.vue
@@ -96,7 +96,7 @@
     }
   }
 </script>
-<style lang="less">
+<style lang="less" scoped>
   @import "../less/variables";
 
   .aplayer-lrc {
diff --git a/src/views/api/aplayer/components/aplayer-thumbnail.vue b/src/views/api/aplayer/components/aplayer-thumbnail.vue
index b239545..2cd2f2f 100644
--- a/src/views/api/aplayer/components/aplayer-thumbnail.vue
+++ b/src/views/api/aplayer/components/aplayer-thumbnail.vue
@@ -78,7 +78,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
   @import "../less/variables";
 
   .aplayer-float {
diff --git a/src/views/api/aplayer/vue-aplayer.vue b/src/views/api/aplayer/vue-aplayer.vue
index 2b84d87..a038327 100644
--- a/src/views/api/aplayer/vue-aplayer.vue
+++ b/src/views/api/aplayer/vue-aplayer.vue
@@ -866,7 +866,7 @@
 
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
   @import "./less/variables";
 
   .aplayer {
@@ -921,6 +921,7 @@
           .aplayer-author {
             font-size: 12px;
             color: #666;
+            margin-left: 10px;
           }
         }