后续更新将更新版本号，设置一些样式以及bug修复

package.json

@@ -1,6 +1,6 @@
 {
   "name": "downloader",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "main": "dist/main/index.js",
   "author": "_ChingC",
   "license": "MIT",

src/common/utils/store.ts

@@ -4,9 +4,9 @@ import { app } from 'electron'
 export default new Store({
     name: 'store',
     migrations: {
-        '0.0.1': store => {
+        '0.1.0': store => {
             store.set('debugPhase', true)
-            store.set('phase', '0.0.1')
+            store.set('phase', '0.1.0')
         }
     },
     defaults: {

src/render/components/Player.vue

@@ -50,19 +50,19 @@
         <font-awesome-icon
           class="control-btn"
           :icon="['fas', 'volume-up']"
-          v-if="this.volume >= 50 && !this.mute"
+          v-if="this.volume >= 50"
           @click="this.doMute"
         />
         <font-awesome-icon
           class="control-btn"
           :icon="['fas', 'volume-down']"
-          v-if="this.volume < 50 && this.volume > 0 && !this.mute"
+          v-if="this.volume < 50 && this.volume > 0"
           @click="this.doMute"
         />
         <font-awesome-icon
           class="control-btn"
           :icon="['fas', 'volume-mute']"
-          v-if="this.volume === 0 || this.mute"
+          v-if="this.volume === 0"
           @click="this.unmute"
         />
       </div>
@@ -131,7 +131,6 @@ export default {
     const player = PlayerSingleton.instance;
     let volume = player.getVolume();
     let storedVolume = volume;
-    let mute = volume === 0;
     player.walkSync = (it: PlayListItem) => {
       // @ts-ignore: 这里必须为this.item，函数触发的时候已经渲染完了
       this.item = it;
@@ -140,7 +139,6 @@ export default {
       player,
       item,
       volume,
-      mute,
       storedVolume,
     };
   },
@@ -171,7 +169,8 @@ export default {
       this.player.nextSong();
     },
     changeVolume(volume: number) {
-      this.storedVolume = volume;
+      if (volume !== 0)
+        this.storedVolume = volume;
       this.player.setVolume(volume);
     },
     secondToTime(sec: number): string {
@@ -182,14 +181,13 @@ export default {
         .padStart(2, "0")}`;
     },
     doMute() {
-      this.mute = true;
+      this.storedVolume = this.volume;
       this.volume = 0;
-      this.player.setVolume(0);
+      // this.player.setVolume(0);
     },
     unmute() {
-      this.mute = false;
       this.volume = this.storedVolume;
-      this.player.setVolume(this.volume);
+      // this.player.setVolume(this.volume);
     },
   },
 };
@@ -238,6 +236,7 @@ export default {
     align-items: center;
     .volume-icon {
       width: 40px;
+      text-align: left;
     }
     .volume-bar {
       flex: 1;

src/render/components/SongCard.vue

@@ -318,16 +318,16 @@ export default {
             // @ts-ignore
             this.$notify({
               title: "文件已存在",
-              message: `${fileName} 已存在于 ${path}，下载将不会创建。`,
-              type: "warning",
+              message: `${fileName} 已存在于 ${path}，将不会下载该铺面。`,
+              type: "warning"
             });
           }
         })
         .catch((err) => {
           // @ts-ignore
           this.$notify({
             title: "出现错误",
-            message: `下载将不会创建。${err}`,
+            message: `不会下载该文件。原因是：${err}。`,
             type: "error",
           });
         });

src/render/index.less

@@ -2,37 +2,41 @@
  * 全局样式
  */
 
- html,
- body {
-   width: 100%;
-   height: 100%;
- }
- *,
- *::before,
- *::after {
-   box-sizing: border-box;
- }
- html {
-   font-family: sans-serif;
-   line-height: 1.15;
-   -webkit-text-size-adjust: 100%;
-   -ms-text-size-adjust: 100%;
-   -ms-overflow-style: scrollbar;
-   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- @-ms-viewport {
-   width: device-width;
- }
- body {
-   margin: 0;
-   color: rgba(0, 0, 0, 0.85);
-   font-size: 14px;
-   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-   font-variant: tabular-nums;
-   line-height: 1.5715;
-   background-color: #fff;
-   font-feature-settings: 'tnum';
- }
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+body {
+  margin: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  background-color: #fff;
+  font-feature-settings: 'tnum';
+}
 
 :root {
   --color-primary: #FF6C60;
@@ -93,4 +97,23 @@
 
 ::-webkit-scrollbar {
   display: none;
+}
+
+.el-notification {
+  background-color: hsla(200, 10%, 20%, .5);
+  backdrop-filter: blur(5px);
+  border: 1px solid #f9c052;
+  .el-notification__title,
+  .el-notification__content {
+    color: #fff;
+  }
+
+  .el-notification__content {
+    word-break: break-all;
+    line-height: 1.5;
+    font-size: 12px;
+  }
+  .el-notification__closeBtn{
+    color: rgba(255, 255, 255, .7);
+  }
 }