💄 增加动画

electron/api/github.ts

@@ -1,4 +1,4 @@
-import {app, BrowserWindow, ipcMain, net, shell} from "electron";
+import electron, {app, BrowserWindow, ipcMain, net, shell} from "electron";
 import {deleteVersionById, insertVersion} from "../storage/version";
 
 const fs = require("fs");
@@ -197,4 +197,8 @@ export const initGitHubApi = () => {
     ipcMain.on("github.open", () => {
         shell.openExternal("https://github.com/luckjiawei/frpc-desktop");
     })
+
+    electron.ipcMain.on("github.openReleases", () => {
+        electron.shell.openExternal("https://github.com/luckjiawei/frpc-desktop/releases");
+    });
 };

src/layout/compoenets/LeftMenu.vue

@@ -32,6 +32,11 @@ const handleOpenGitHub = () => {
   ipcRenderer.send("github.open")
 }
 
+const handleOpenGitHubReleases = () => {
+  ipcRenderer.send("github.openReleases")
+}
+
+
 onMounted(() => {
   routes.value = router.options.routes[0].children?.filter(
       f => !f.meta?.hidden
@@ -63,7 +68,7 @@ onMounted(() => {
         <Icon icon="mdi:github"/>
       </li>
     </ul>
-    <div class="version">
+    <div class="version mb-2 animate__animated" @click="handleOpenGitHubReleases">
       v1.0.4
     </div>
   </div>

src/styles/layout.scss

@@ -55,6 +55,10 @@ $danger-color: #F56C6C;
     margin-top: auto;
     font-weight: bold;
     font-size: 14px;
+    cursor: pointer;
+  }
+  .version:hover {
+    animation: heartBeat 1s;
   }
 
   .menu-container {