优化音量条交互视觉效果

publish/changeLog.md

@@ -8,6 +8,7 @@
 #### 优化
 
 - 优化搜索框搜索体验
+- 优化音量条交互视觉效果
 
 #### 修复
 

src/renderer/components/core/Player.vue

@@ -565,6 +565,11 @@ export default {
   display: flex;
   align-items: center;
   padding: 0 15px;
+  opacity: .5;
+  transition: opacity @transition-theme;
+  &:hover {
+    opacity: 1;
+  }
 }
 
 .volume {
@@ -595,7 +600,6 @@ export default {
   transition-duration: 0.2s;
   background-color: @color-theme;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  opacity: .5;
 }
 
 .volume-mask {