# 工具页面收藏按钮补全 Spec ## Why 实用工具下的 8 个具体工具页面缺少收藏按钮(`ToolFavoriteButton`),用户无法在工具详情页直接收藏/取消收藏工具,需要回到工具列表页操作,体验不一致。 ## What Changes - 为以下 8 个页面添加 `ToolFavoriteButton` 组件: - ColorConverter(颜色转换器,`/utility/color-converter`) - ImageCompressor(图片压缩,`/utility/image-compressor`) - CharsetConverter(字符编码转换,`/utility/charset-converter`) - Calculator(计算器,`/utility/calculator`) - DateCalculator(日期计算器,`/utility/date-calculator`) - QRCodeGenerator(二维码生成,`/qrcode-generator`) - ColorPicker(取色器,`/color-picker`) - ImageEditor(图片编辑,`/utility/image-editor`) - 收藏按钮放置在各页面顶部返回按钮右侧,与已有页面(如 JsonFormatter、Base64Tool 等)保持一致的位置 ## Impact - Affected specs: 无 - Affected code: 8 个工具页面组件 ## ADDED Requirements ### Requirement: 工具页面收藏按钮 系统 SHALL 在每个工具详情页顶部提供收藏按钮,允许已登录用户收藏/取消收藏该工具。 #### Scenario: 已登录用户收藏工具 - **WHEN** 已登录用户点击工具页面的收藏按钮(空心星标) - **THEN** 按钮变为实心金色星标,显示"已收藏",收藏数 +1 #### Scenario: 未登录用户点击收藏按钮 - **WHEN** 未登录用户点击收藏按钮 - **THEN** 提示"请先登录" #### Scenario: 已登录用户取消收藏 - **WHEN** 已登录用户点击已收藏工具的收藏按钮(实心星标) - **THEN** 按钮变为空心星标,显示"收藏",收藏数 -1