feat: 新增应用更新功能和关于页面

- 集成 Tauri updater 实现应用版本检查与更新
- 添加关于页面,展示项目介绍、使用流程和版本信息
- 新增顶部栏检查更新和 GitHub 入口
- 完善国际化文案和更新弹窗组件
This commit is contained in:
Yuhang Wu
2026-10-14 10:13:31 +08:00
parent f6d8d783b4
commit 746a4be2bc
15 changed files with 663 additions and 7 deletions
+45
View File
@@ -163,6 +163,51 @@ body {
overflow-y: auto;
}
/*
* 更新弹窗:高度不超过窗口的 60%,内容过多时仅主体(body)滚动,
* 标题与底部按钮固定可见;沿用磨砂玻璃质感。
*/
.update-modal-wrap .ant-modal {
padding-bottom: 0;
}
.update-modal-wrap .ant-modal-content {
display: flex;
flex-direction: column;
max-height: 60vh;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.55);
background: rgba(255, 255, 255, 0.72) !important;
backdrop-filter: blur(24px) saturate(170%);
-webkit-backdrop-filter: blur(24px) saturate(170%);
box-shadow: 0 16px 48px rgba(15, 23, 42, 0.18) !important;
}
.update-modal-wrap .ant-modal-header,
.update-modal-wrap .ant-modal-footer {
flex: 0 0 auto;
border-color: rgba(15, 23, 42, 0.06);
background: transparent !important;
}
.dark .update-modal-wrap .ant-modal-content {
border-color: rgba(255, 255, 255, 0.1);
background: rgba(30, 41, 59, 0.72) !important;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}
.dark .update-modal-wrap .ant-modal-header,
.dark .update-modal-wrap .ant-modal-footer {
border-color: rgba(255, 255, 255, 0.08);
}
.update-modal-wrap .ant-modal-body {
flex: 1 1 auto;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
}
/* 细滚动条 */
::-webkit-scrollbar {
width: 6px;