From e5e45148c39d199827b9f9796b91f34dbe2b2707 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 9 Mar 2025 19:34:05 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E4=BC=98=E5=8C=96=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E6=A0=8F=E4=BA=A4=E4=BA=92=E5=92=8C=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为非 Electron 环境添加下载桌面版按钮
- 调整标题栏按钮显示逻辑，支持 Web 和桌面端不同交互
- 新增打开下载页面的方法，增强用户引导体验
---
 src/renderer/layout/AppLayout.vue           |  4 +--
 src/renderer/layout/components/TitleBar.vue | 31 +++++++++++++++++----
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/renderer/layout/AppLayout.vue b/src/renderer/layout/AppLayout.vue
index a152fce..b9be4c3 100644
--- a/src/renderer/layout/AppLayout.vue
+++ b/src/renderer/layout/AppLayout.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="layout-page">
     <div id="layout-main" class="layout-main">
-      <title-bar v-if="isElectron" />
-      <div class="layout-main-page" :class="isElectron ? '' : 'pt-6'">
+      <title-bar />
+      <div class="layout-main-page">
         <!-- 侧边菜单栏 -->
         <app-menu v-if="!isMobile" class="menu" :menus="menus" />
         <div class="main">
diff --git a/src/renderer/layout/components/TitleBar.vue b/src/renderer/layout/components/TitleBar.vue
index 41298f7..39a9430 100644
--- a/src/renderer/layout/components/TitleBar.vue
+++ b/src/renderer/layout/components/TitleBar.vue
@@ -2,12 +2,25 @@
   <div id="title-bar" @mousedown="drag">
     <div id="title">Alger Music</div>
     <div id="buttons">
-      <div class="button" @click="minimize">
-        <i class="iconfont icon-minisize"></i>
-      </div>
-      <div class="button" @click="close">
-        <i class="iconfont icon-close"></i>
-      </div>
+      <n-button
+        v-if="!isElectron"
+        type="primary"
+        size="small"
+        text
+        title="下载应用"
+        @click="openDownloadPage"
+      >
+        <i class="ri-download-line"></i>
+        下载桌面版
+      </n-button>
+      <template v-if="isElectron">
+        <div class="button" @click="minimize">
+          <i class="iconfont icon-minisize"></i>
+        </div>
+        <div class="button" @click="close">
+          <i class="iconfont icon-close"></i>
+        </div>
+      </template>
     </div>
   </div>
 
@@ -52,6 +65,12 @@ const store = useStore();
 const showCloseModal = ref(false);
 const rememberChoice = ref(false);
 
+const openDownloadPage = () => {
+  if (!isElectron) {
+    window.open('http://donate.alger.fun/download', '_blank');
+  }
+};
+
 const minimize = () => {
   if (!isElectron) {
     return;