feat: 添加站点卡片悬停提示功能

Browse Source

- 为所有站点卡片添加 data-tooltip 属性，包含完整的标题和描述信息
- tooltip 显示逻辑：
  * 鼠标悬停在整个卡片上即可触发（触发区域大，操作自然）
  * 跟随鼠标移动，实时更新位置
  * 智能边界检测，避免 tooltip 超出视口范围
  * 鼠标移出时自动隐藏
- 解决文本截断问题，用户可通过悬停查看完整内容

实现：
- 模板层：在 site-card.hbs 中为卡片添加 data-tooltip 属性
- 交互层：在 script.js 中实现 tooltip 的创建、显示、移动和隐藏逻辑
- 样式层：通过 CSS 类控制 tooltip 的可见性和位置

Issue: #31

...

This commit is contained in:

rbetree

2026-01-03 18:02:37 +08:00

parent 3473aaebd7

commit 2bebefbfe8

3 changed files with 592 additions and 428 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

585

assets/style.css

File diff suppressed because it is too large Load Diff