3.2 KiB
3.2 KiB
Checklist
桌面端收藏按钮位置验证
- JsonFormatter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/json-formatter"
- Base64Tool：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/base64"
- EncodingConverter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/encoding-converter"
- CodeFormatter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/code-formatter"
- RegexTool：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/regex-tool"
- TextDiff：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/text-diff"
- TimestampTool：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/timestamp"
- QRCodeGenerator：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/qrcode-generator"
- ColorConverter：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/color-converter"
- ImageCompressor：收藏按钮位于英雄区标题旁，使用 variant="hero"，urlPath="/utility/image-compressor"
- BaiduTranslate：收藏按钮位于英雄区，使用 variant="hero"，urlPath="/utility/baidu-translator"
移动端收藏按钮验证
- CalculatorMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/calculator"
- Base64ToolMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/base64"
- CharsetConverterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/charset-converter"
- CodeFormatterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/code-formatter"
- ColorConverterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/color-converter"
- EncodingConverterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/encoding-converter"
- ImageCompressorMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/image-compressor"
- JsonFormatterMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/json-formatter"
- TextDiffMobile：已添加收藏按钮，位于英雄区标题旁，urlPath="/utility/text-diff"
ID 使用验证
- 所有页面使用 urlPath 动态查找，无硬编码 toolId
- BaiduTranslate：已改为 urlPath="/utility/baidu-translator"
功能验证
- 未登录用户点击收藏按钮，显示登录弹窗（调用 openLoginModal）
- 已登录用户点击未收藏按钮，按钮变为实心金色星标，显示"已收藏"
- 已登录用户点击已收藏按钮，按钮变为空心星标，显示"收藏"
- 收藏计数正确增减（通过 API 响应更新）
样式验证
- 英雄区内的收藏按钮使用毛玻璃效果（背景半透明、backdrop-filter）
- 收藏按钮悬停效果正常（transform: translateY(-1px)、box-shadow）
- 暗色模式下收藏按钮样式正常（[data-theme="dark"] 选择器）
- 移动端收藏按钮响应式显示正常（移动端独立组件）