feat: 增强前端健壮性并添加刷新功能
- 添加刷新按钮和加载状态指示器 - 改进API请求错误处理和用户反馈 - 优化表单验证和登录逻辑 - 更新后端端口号并处理URL结尾斜杠 - 添加按钮悬停效果和移动端适配
This commit is contained in:
21
style.css
21
style.css
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user