优化更新弹窗

src/renderer/components/material/Modal.vue

@@ -134,7 +134,7 @@ export default {
   flex-flow: column nowrap;
 
   > * {
-    background-color: @color-theme_2;
+    background-color: @color-theme_2-background_2;
   }
 }
 
@@ -176,7 +176,7 @@ each(@themes, {
     .content {
       box-shadow: 0 0 3px rgba(0, 0, 0, .3);
       > * {
-        background-color: ~'@{color-@{value}-theme_2}';
+        background-color: ~'@{color-@{value}-theme_2-background_2}';
       }
     }
 

src/renderer/components/material/Select.vue

@@ -99,7 +99,7 @@ export default {
   border-bottom: 2px solid @color-tab-border-bottom;
   border-left: 2px solid @color-tab-border-bottom;
   border-bottom-left-radius: 4px;
-  background-color: @color-theme_2;
+  background-color: @color-theme_2-background_2;
   opacity: 0;
   transform: scaleY(0);
   transform-origin: 0 0 0;
@@ -144,6 +144,7 @@ each(@themes, {
     .list {
       border-bottom-color: ~'@{color-@{value}-tab-border-bottom}';
       border-left-color: ~'@{color-@{value}-tab-border-bottom}';
+      background-color: ~'@{color-@{value}-theme_2-background_2}';
       li {
         // color: ~'@{color-@{value}-btn}';
         background-color: ~'@{color-@{value}-btn-background}';

src/renderer/components/material/VersionModal.vue

@@ -17,16 +17,19 @@ material-modal(:show="version.showModal" @close="handleClose")
 
     div(:class="$style.footer" v-if="version.isError")
       div(:class="$style.desc" v-if="!isUnknow")
-        p 发现有新版本啦，但是自动更新功能出问题了
+        p 发现有新版本啦，但是自动更新功能出问题了，
         p
           | 你现在可以选择继续使用当前版本或
           strong 去发布页下载新版本
-          | ，推荐到
-          strong 网盘
-          | 下载
+          | ，
+        p
+          | 国内Windows/MAC用户推荐到
+          strong.hover.underline(@click="handleOpenUrl('https://www.lanzous.com/b906260/')") 网盘(点击打开)
+          | 下载，密码：
+          strong.hover(@click="handleCopy('glqw')" title="点击复制") glqw
       div(:class="$style.btns")
         material-btn(:class="$style.btn" @click.onec="handleIgnoreClick") 忽略该版本
-        material-btn(:class="$style.btn" @click.onec="handleOpenPageClick") 去下载新版本
+        material-btn(:class="$style.btn" @click.onec="handleOpenUrl('https://github.com/lyswhut/lx-music-desktop#readme')") 去软件发布页
     div(:class="$style.footer" v-else)
       div(:class="$style.desc")
         p 新版本已下载完毕，
@@ -43,7 +46,7 @@ material-modal(:show="version.showModal" @close="handleClose")
 <script>
 import { mapGetters, mapMutations } from 'vuex'
 import { rendererSend } from '../../../common/icp'
-import { checkVersion, openUrl } from '../../utils'
+import { checkVersion, openUrl, clipboardWriteText } from '../../utils'
 
 export default {
   computed: {
@@ -74,14 +77,17 @@ export default {
       // event.target.disabled = true
       this.setSetting(Object.assign({}, this.setting, { ignoreVersion: this.version.newVersion.version }))
     },
-    handleOpenPageClick() {
-      openUrl('https://github.com/lyswhut/lx-music-desktop#readme')
+    handleOpenUrl(url) {
+      openUrl(url)
     },
     handleRestartClick(event) {
       this.handleClose()
       event.target.disabled = true
       rendererSend('quit-update')
     },
+    handleCopy(text) {
+      clipboardWriteText(text)
+    },
   },
 }
 </script>
@@ -123,6 +129,7 @@ export default {
   line-height: 1.5;
   overflow-y: auto;
   height: 100%;
+  padding-right: 5px;
 }
 .current {
   > p {
@@ -169,12 +176,9 @@ export default {
   flex: 0 0 none;
   .desc {
     font-size: 12px;
-    padding: 10px 0;
+    padding-top: 10px;
     color: @color-theme;
     line-height: 1.2;
-    strong {
-      text-decoration: underline;
-    }
   }
 }
 .btn {
@@ -183,6 +187,7 @@ export default {
 }
 .btns {
   display: grid;
+  padding-top: 10px;
   grid-template-columns: 1fr 1fr;
   grid-gap: 0 10px;
 }