yanlongqi
9540478583
主要改动: - 重新设计登录页面,使用原生input替代antd-mobile组件以更好控制样式 - 添加密码可见性切换功能(眼睛图标) - 实现登录/注册切换UI,注册链接移至底部 - 优化输入框样式,添加明显的边框和背景色 - 实现移动端防缩放功能(touch-action + JS事件监听) - 配置Vite代理解决CORS问题,API请求使用相对路径 - 完善CLAUDE.md和README.md文档,添加文档同步更新规范 - 更新技术栈说明,明确使用yarn作为包管理工具 技术细节: - 渐变背景(紫色主题) - 白色输入框带半透明边框,聚焦时显示光晕效果 - 防止移动端双指缩放和双击缩放 - Vite代理配置: /api/* -> http://localhost:8080 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
49 lines
1.0 KiB
Plaintext
49 lines
1.0 KiB
Plaintext
// 全局变量
|
|
@bg-color: #f5f5f5;
|
|
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
|
|
// 全局重置样式
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
// 防止移动端缩放
|
|
touch-action: pan-x pan-y;
|
|
-ms-touch-action: pan-x pan-y;
|
|
}
|
|
|
|
body {
|
|
font-family: @font-family;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
background-color: @bg-color;
|
|
// 防止移动端缩放
|
|
touch-action: pan-x pan-y;
|
|
-ms-touch-action: pan-x pan-y;
|
|
// 防止用户选择文本（可选，提升体验）
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#root {
|
|
min-height: 100vh;
|
|
// 防止移动端缩放
|
|
touch-action: pan-x pan-y;
|
|
-ms-touch-action: pan-x pan-y;
|
|
}
|
|
|
|
// 允许输入框选择文本
|
|
input,
|
|
textarea {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
}
|