2.0 KiB
2.0 KiB
Checklist
路由与基础结构验证
- App.tsx 中
/api-detail/:id路由已注册 - 访问
/api-detail/1能正确显示ID为1的API详情页 - 路由支持移动端访问
通用API详情页功能验证
- ApiDetail.tsx 通过
useParams()获取路由参数id - 页面加载时调用
api_request.apidirectory.getItemDetail(id)获取API信息 - 加载中状态显示正确（Spinner）
- 加载失败时显示错误提示
- API名称、方法、URL正确显示
API文档展示验证
- "文档"标签可正常切换
- 接口描述文本正确显示
- 请求参数表正确渲染（参数名、类型、必填、描述）
- 响应示例以JSON格式显示，带语法高亮
- 错误码说明表正确显示
- URL路径可点击复制
在线测试功能验证
- "测试"标签可正常切换
- GET方法显示URL参数输入框
- POST方法显示请求体输入框
- 点击发送按钮能发起真实API请求
- 响应状态码正确显示（200绿色，非200红色）
- 响应时间（ms）正确显示
- 响应体JSON格式化显示
- 响应体可复制到剪贴板
- 发送按钮在请求中显示loading状态
收藏功能验证
- 英雄区显示收藏按钮
- 已登录用户点击收藏按钮，状态变为"已收藏"，收藏数+1
- 已登录用户点击已收藏按钮，状态变为"收藏"，收藏数-1
- 未登录用户点击收藏按钮，弹出登录弹窗
- 收藏状态在页面刷新后保持
API列表页跳转验证
- API列表页卡片点击跳转到
/api-detail/:id - "敬请期待"的API卡片不可点击
- 浏览器后退按钮可返回列表页
样式与响应式验证
- 详情页样式与现有工具页面风格一致
- 暗色模式下样式正常
- 移动端布局正常（Hero区域、表单、按钮适配）
国际化验证
- 所有UI文本使用i18n翻译
- 中文、英文、繁体中文显示正确