# Checklist

## 路由与基础结构验证

- [x] App.tsx 中 `/api-detail/:id` 路由已注册
- [x] 访问 `/api-detail/1` 能正确显示ID为1的API详情页
- [x] 路由支持移动端访问

## 通用API详情页功能验证

- [x] ApiDetail.tsx 通过 `useParams()` 获取路由参数 `id`
- [x] 页面加载时调用 `api_request.apidirectory.getItemDetail(id)` 获取API信息
- [x] 加载中状态显示正确（Spinner）
- [x] 加载失败时显示错误提示
- [x] API名称、方法、URL正确显示

## API文档展示验证

- [x] "文档"标签可正常切换
- [x] 接口描述文本正确显示
- [x] 请求参数表正确渲染（参数名、类型、必填、描述）
- [x] 响应示例以JSON格式显示，带语法高亮
- [x] 错误码说明表正确显示
- [x] URL路径可点击复制

## 在线测试功能验证

- [x] "测试"标签可正常切换
- [x] GET方法显示URL参数输入框
- [x] POST方法显示请求体输入框
- [x] 点击发送按钮能发起真实API请求
- [x] 响应状态码正确显示（200绿色，非200红色）
- [x] 响应时间（ms）正确显示
- [x] 响应体JSON格式化显示
- [x] 响应体可复制到剪贴板
- [x] 发送按钮在请求中显示loading状态

## 收藏功能验证

- [x] 英雄区显示收藏按钮
- [x] 已登录用户点击收藏按钮，状态变为"已收藏"，收藏数+1
- [x] 已登录用户点击已收藏按钮，状态变为"收藏"，收藏数-1
- [x] 未登录用户点击收藏按钮，弹出登录弹窗
- [x] 收藏状态在页面刷新后保持

## API列表页跳转验证

- [x] API列表页卡片点击跳转到 `/api-detail/:id`
- [x] "敬请期待"的API卡片不可点击
- [x] 浏览器后退按钮可返回列表页

## 样式与响应式验证

- [x] 详情页样式与现有工具页面风格一致
- [x] 暗色模式下样式正常
- [x] 移动端布局正常（Hero区域、表单、按钮适配）

## 国际化验证

- [x] 所有UI文本使用i18n翻译
- [x] 中文、英文、繁体中文显示正确