36 lines
1.7 KiB
Markdown
36 lines
1.7 KiB
Markdown
# 工具页面收藏按钮补全 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 |