初步完善

src/renderer/components/core/Player.vue

@@ -2,7 +2,7 @@
 div(:class="$style.player")
   div(:class="$style.left" @contextmenu="handleToMusicLocation" @click="showPlayerDetail")
     img(v-if="musicInfo.img" :src="musicInfo.img" @error="imgError")
-    svg(v-else version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='100%' height='100%' viewBox='0 0 60 60' space='preserve')
+    svg(v-else version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' height='102%' width='100%' viewBox='0 0 60 60' space='preserve')
       use(:xlink:href='`#${$style.iconPic}`')
   div(:class="$style.right" v-if="!isShowPlayerDetail")
     div(:class="$style.column1")
@@ -658,7 +658,7 @@ export default {
 
 .player {
   height: @height-player;
-  // background-color: rgb(245, 245, 245);
+  background-color: @color-theme_2;
   transition: @transition-theme;
   transition-property: border-color;
   border-top: 2px solid @color-theme;
@@ -670,16 +670,19 @@ export default {
   }
 }
 .left {
-  width: @height-player - 2;
+  width: @height-player;
   height: @height-player - 2;
   color: @color-theme;
   transition: @transition-theme;
   transition-property: color;
   flex: none;
-  padding: 2px;
+  padding: 3px 3px 3px 5px;
   opacity: 1;
   transition: @transition-theme;
   transition-property: opacity;
+  display: flex;
+  justify-content: center;
+  // align-items: center;
   cursor: pointer;
 
   &:hover {
@@ -694,6 +697,8 @@ export default {
     max-height: 100%;
     transition: @transition-theme;
     transition-property: border-color;
+    // border-radius: 50%;
+    border-radius: @radius-progress-border;
     // border: 2px solid @color-theme_2-background_1;
   }
 }
@@ -899,6 +904,7 @@ export default {
 each(@themes, {
   :global(#container.@{value}) {
     .player {
+      background-color: ~'@{color-@{value}-theme_2}';
       border-top-color: ~'@{color-@{value}-theme}';
     }
     .left {