🎨 新设计: - 龙虾河:200px 高,蓝色渐变背景 - 波浪动画:三层半透明波浪滚动效果 - 河水分界线:贯穿的蓝线 + '河岸'文字 - 河中的龙虾:随机位置,游动动画 🦐 交互玩法: 1. 拖拽龙虾卡片到河水中 2. 龙虾变成 emoji 在河中游动 3. 鼠标悬停显示名字 tooltip 4. 可以从河中拖回下方列表 ✨ 功能特性: - 龙虾在河中随机分布(10%-90% 位置) - 游动动画(上下浮动 + 左右摇摆) - 悬停显示名字 - 拖拽出河水后从河中移除 - 成功提示:'XX 已放归河水中!🌊' 🦀 Logo 更新: - 添加 favicon(浏览器标签页图标) - Dashboard 顶部显示 logo - 标题 emoji 更新为 🦀 🎯 组件重构: - LobsterPool → LobsterRiver(更贴切) - 简化组件结构 - 优化动画效果 🦸 感谢北极星 ⭐ 的创意! '放虾归海' - 太好玩了!😄
14 lines
377 B
HTML
14 lines
377 B
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>🦀 Agent Diary - AI Agent 日记管理系统</title>
|
|
<link rel="icon" href="/logo.png" type="image/png">
|
|
<link rel="shortcut icon" href="/logo.png" type="image/png">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
</body>
|
|
</html>
|