新增右上角最小化/关闭按钮鼠标滑过符号

publish/changeLog.md

@@ -0,0 +1,8 @@
+### 新增
+
+- 新增右上角最小化/关闭按钮鼠标滑过符号
+
+### 修复
+
+- 修复百度源歌单全部分类无法加载的问题
+- 修复更新弹窗无法弹出的问题

src/renderer/components/core/Toolbar.vue

@@ -83,8 +83,14 @@ each(@themes, {
   display: flex;
   height: 100%;
   -webkit-app-region: no-drag;
-
+  &:hover {
+    button:before {
+      opacity: 1;
+    }
+  }
+  
   button {
+    position: relative;
     width: @height-toolbar;
     background: none;
     border: none;
@@ -104,6 +110,19 @@ each(@themes, {
       transition: background-color 0.2s ease-in-out;
     }
 
+    &:before {
+      display: block;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 14px;
+      line-height: 1;
+      color: #fff;
+      opacity: 0;
+      transition: opacity @transition-theme;
+    }
+
     &.min:after {
       background-color: @color-minBtn;
     }
@@ -116,6 +135,7 @@ each(@themes, {
 
     &.min:hover:after {
       background-color: lighten(@color-minBtn, 10%);
+      opacity: 1;
     }
     &.max:hover:after {
       background-color: lighten(@color-maxBtn, 10%);
@@ -125,4 +145,15 @@ each(@themes, {
     }
   }
 }
+.min {
+  &:before {
+    content: '－';
+    font-size: 15px;
+  }
+}
+.close {
+  &:before {
+    content: '×';
+  }
+}
 </style>