aplayer样式改为组件内

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}]

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;

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;

src/views/api/aplayer/components/aplayer-controller.vue

@@ -84,7 +84,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 
   .aplayer-controller {
     display: flex;

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;

src/views/api/aplayer/components/aplayer-list.vue

@@ -58,7 +58,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 
   .aplayer-list {
     overflow: hidden;

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 {

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 {

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;
           }
         }