feat: 添加启动加载页与Nitro侧车服务自动启动功能
- 添加启动加载页面,包含旋转动画和动态点状提示效果。 - 忽略 binaries 目录下所有文件,但保留 .gitignore 文件本身。 - 添加对二进制文件 binaries/nitro-server 的执行权限允许,启用侧车模式。 - 添加对 shell 插件和相关依赖的支持,包括 os_pipe、shared_child 和 signal-hook 等库,以增强 Tauri 应用的子进程管理与系统交互能力。 - 添加 shell 插件和异步网络支持以增强应用功能 - 添加 Nitro sidecar 服务自动启动功能,包括端口检测、服务器就绪监听及超时处理,并在启动成功后自动创建主窗口。 - 移除窗口配置并添加外部二进制文件路径配置
This commit is contained in:
67
loading.html
Normal file
67
loading.html
Normal file
@@ -0,0 +1,67 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>启动中...</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
color: white;
|
||||
}
|
||||
.container {
|
||||
text-align: center;
|
||||
}
|
||||
.spinner {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 0 auto 30px;
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border-top-color: white;
|
||||
border-radius: 50%;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
@keyframes spin {
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.dots {
|
||||
display: inline-block;
|
||||
}
|
||||
.dots::after {
|
||||
content: '.';
|
||||
animation: dots 1.5s steps(4, end) infinite;
|
||||
}
|
||||
@keyframes dots {
|
||||
0%, 20% { content: '.'; }
|
||||
40% { content: '..'; }
|
||||
60%, 100% { content: '...'; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="spinner"></div>
|
||||
<h1>正在启动应用</h1>
|
||||
<p>请稍候<span class="dots"></span></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user