Compare commits
5 Commits
2f38d95e8c
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
|
d474216047 | ||
|
|
71a7d7ba8c | ||
|
|
bfaa656406 | ||
|
|
b293b91697 | ||
|
|
5495c7bf25 |
12
AGENTS.md
12
AGENTS.md
@@ -15,6 +15,7 @@
|
||||
- 专为移动端优化，**采用单一入口点架构**，所有功能模块通过组件化方式在同一页面内动态加载和切换，确保用户体验的连贯性和加载性能的优化
|
||||
- **主题适配**: 确保组件支持亮色/暗色主题
|
||||
- 确保页面背景色、文字色、按钮色等UI元素在不同主题下均有良好对比度和可读性
|
||||
- 但是页面上不要展示主题切换按钮，主题切换根据url参数 `?theme=dark` 或 `?theme=light` 来控制
|
||||
- **错误展示**：前端页面需要有统一的错误展示，用于显示API请求失败或其他操作错误的信息
|
||||
- 不需要实现登录页，默认访问应用的用户都是已登录状态
|
||||
- 所有请求统一使用 `/src/api/index` 中的 `api` 方法进行调用，因为已经内置了必要的请求头封装
|
||||
@@ -49,8 +50,7 @@
|
||||
### 4. 设计规范
|
||||
|
||||
- **响应式**: 确保所有页面在不同屏幕尺寸下均有良好展示效果
|
||||
- **滚动条**: 根据屏幕宽度变化自适应，尽量不出现横向滚动条
|
||||
- 注意组件尺寸变化后的布局问题，避免组件重叠或遮挡，或突然出现横向滚动条
|
||||
- **滚动条**: 根据屏幕宽度变化自适应，🈲禁止出现横向滚动条
|
||||
|
||||
## 任务执行流程
|
||||
|
||||
@@ -70,6 +70,8 @@
|
||||
|
||||
用户每次修改后，请在现有代码基础上**针对JSON中较上一次有变动的地方重点编辑实现**，确保所有变更都被正确反映。
|
||||
|
||||
此外用户还可能通过 `appBug` 字段反馈bug，**如果 `appBug` 字段不为空字符串，则必须优先修复对应的bug**，并确保修复后代码依然符合用户最新的JSON需求。
|
||||
|
||||
## 注意事项
|
||||
|
||||
- 严格遵循现有的项目结构和编码规范
|
||||
@@ -82,7 +84,9 @@
|
||||
|
||||
请基于以上规范和用户JSON需求，生成完整的、可运行的、符合输出格式要求的代码实现。
|
||||
|
||||
接下来我会输出用户JSON需求，其中前端需求放在 `webapp_requirements`, 后端需求放在 `node_backend_requirements`。
|
||||
接下来我会输出用户JSON需求，其中前端需求放在 `webapp_requirements`, 后端需求放在 `node_backend_requirements`，bug修复需求放在 `appBug`。
|
||||
|
||||
> 如果 webapp_requirements 中 is_needed = false，代表不需要前端，只需要生成后端代码
|
||||
> 如果 webapp_requirements 为 null，代表不需要前端web页面或者web页面本次不需要变更，只需要生成后端代码
|
||||
> 如果 node_backend_requirements 为 null，代表后端代码本次不需要变更
|
||||
> 如果 appBug 不为空字符串，代表本次需要修复 bug
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/great-egret-192.png" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
|
||||
<title>Egret App</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -130,3 +130,18 @@
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-device-width: 414px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
/* Adjust font size for inputs on iOS devices */
|
||||
.flex-input {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:2) {
|
||||
select,
|
||||
textarea,
|
||||
input {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user