aplayer样式改为组件内

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