fix(electron): update electron login page

src/locale/lang/en.js

@@ -68,6 +68,8 @@ export default {
     notice: `YesPlayMusic promises not to save any of your account information to the cloud.<br />
       Your password will be MD5 encrypted locally and then transmitted to NetEase Music API.<br />
       YesPlayMusic is not the official website of NetEase Music, please consider carefully before entering account information. You can also go to <a href="https://github.com/qier222/YesPlayMusic">YesPlayMusic's GitHub repository</a> to build and use the self-hosted NetEase Music API.`,
+    noticeElectron: `Your password will be MD5 encrypted locally and then transmitted to NetEase Music API.<br />
+      YesPlayMusic promises not to save any of your account information to the cloud.<br />`,
   },
   mv: {
     moreVideo: "More Videos",

src/locale/lang/zh-CN.js

@@ -62,14 +62,15 @@ export default {
     login: "登录",
     loginWithEmail: "使用邮箱登录",
     loginWithPhone: "使用手机号登录",
-    notice: `
-      YesPlayMusic 承诺不会保存你的任何账号信息到云端。<br />
+    notice: `YesPlayMusic 承诺不会保存你的任何账号信息到云端。<br />
       你的密码会在本地进行 MD5 加密后再传输到网易云 API。<br />
       YesPlayMusic 并非网易云官方网站，输入账号信息前请慎重考虑。 你也可以前往
       <a href="https://github.com/qier222/YesPlayMusic"
         >YesPlayMusic 的 GitHub 源代码仓库</a
       >
       自行构建并使用自托管的网易云 API。`,
+    noticeElectron: `你的密码会在本地进行 MD5 加密后再传输到网易云 API。<br />
+      YesPlayMusic 不会传输你的账号数据到任何非网易云音乐官方的服务器。<br />`,
   },
   mv: {
     moreVideo: "更多视频",

src/router/index.js

@@ -128,8 +128,11 @@ router.beforeEach((to, from, next) => {
     if (isLooseLoggedIn()) {
       next();
     } else {
-      if (process.env.IS_ELECTRON === true) next({ path: "/login/account" });
-      next({ path: "/login" });
+      if (process.env.IS_ELECTRON === true) {
+        next({ path: "/login/account" });
+      } else {
+        next({ path: "/login" });
+      }
     }
   } else {
     next();

src/views/loginAccount.vue

@@ -79,7 +79,10 @@
         $t("login.loginWithPhone")
       }}</a>
     </div>
-    <div class="notice" v-html="$t('login.notice')"></div>
+    <div
+      class="notice"
+      v-html="isElectron ? $t('login.noticeElectron') : $t('login.notice')"
+    ></div>
   </div>
 </template>
 
@@ -104,6 +107,11 @@ export default {
       inputFocus: "",
     };
   },
+  computed: {
+    isElectron() {
+      return process.env.IS_ELECTRON;
+    },
+  },
   created() {
     if (this.$route.query.mode === "phone") {
       this.mode = "phone";
@@ -197,6 +205,7 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   min-height: calc(100vh - 192px);
 }