shangfangjian
ec8f36abb2
- App.tsx: 路由和布局修复 - index.css: 样式修复 - Matches.tsx: 比赛列表页修复 - .zcodeignore: 新增忽略配置 - tests/ui_audit.py: UI 审计测试脚本
35 lines
1.8 KiB
Python
35 lines
1.8 KiB
Python
"""前端 UI 审查清单(逐页排查结果)。
|
|
|
|
发现的问题按影响排序,修复按任务范围执行。
|
|
"""
|
|
|
|
# ── 高影响(必修) ──────────────────────────────────────────────
|
|
|
|
ISSUES_HIGH = [
|
|
# 1. 比赛列表筛选栏:小屏4组筛选换行混乱,日期 input 与文字标签不对齐
|
|
# 2. 比赛行:主/客队名在小屏截断过重,比分列固定 w-14 太窄
|
|
# 3. 预测弹窗:小屏内容溢出视口(无 max-height + overflow-y)
|
|
# 4. 弹窗关闭按钮 h-7 w-7 触控目标太小(应 ≥44px)
|
|
# 5. sticky 日期分组头 z-10 与弹窗 z-50 冲突(弹窗打开时分组头覆盖其上)
|
|
# 6. 预测按钮小屏 min-h-[44px] 但桌面 btn-sm min-h-[36px] 仍偏小
|
|
# 7. "载入更多"按钮在小屏不够醒目,用户不知道还有更多数据
|
|
]
|
|
|
|
# ── 中等(应修) ──────────────────────────────────────────────
|
|
|
|
ISSUES_MEDIUM = [
|
|
# 8. 空态不统一:有的用 EmptyState,有的用 <p>,有的只有 "暂无"
|
|
# 9. 主页 error banner 与 admin Alert 组件重复实现,样式不同
|
|
# 10. Dashboard 空态文案("请先到数据采集导入")没有链接到采集页
|
|
# 11. 侧边栏小屏汉堡菜单图标和文字重叠风险
|
|
# 12. 预测结果弹窗的 reasoning 文字没有限制最大高度,长文撑满视口
|
|
]
|
|
|
|
# ── 低(可选) ──────────────────────────────────────────────
|
|
|
|
ISSUES_LOW = [
|
|
# 13. "管理后台"链接的 icon ⚠ 和 nav 图标风格不一致
|
|
# 14. footer 文字在小屏可能被弹窗遮挡(z-index 层级)
|
|
# 15. 回测结果导出 CSV 按钮在移动端显示位置不明确
|
|
]
|