feat: 增强前端健壮性并添加刷新功能

- 添加刷新按钮和加载状态指示器
- 改进API请求错误处理和用户反馈
- 优化表单验证和登录逻辑
- 更新后端端口号并处理URL结尾斜杠
- 添加按钮悬停效果和移动端适配
This commit is contained in:
2025-12-23 23:48:12 +08:00
parent af8fdd5f52
commit b49fdeaa9d
7 changed files with 235 additions and 86 deletions

View File

@@ -50,6 +50,16 @@ button {
padding: 10px 20px;
cursor: pointer;
font-size: 14px;
background-color: #fff;
transition: background-color 0.2s;
}
button:hover {
background-color: #f0f0f0;
}
button:active {
background-color: #e0e0e0;
}
p {
@@ -90,6 +100,12 @@ p {
font-size: 12px;
}
#loadingIndicator {
font-size: 12px;
color: #666;
}
/* 响应式设计 */
@media (max-width: 600px) {
.container {
margin: 10px;
@@ -108,4 +124,9 @@ p {
.download-btn {
margin-top: 10px;
}
/* 刷新按钮和加载状态在移动端的适配 */
#downloadSection h2 {
margin-bottom: 10px;
}
}