Pets - Desktop Pet Application

一个基于 Rust 和 React 实现的桌面宠物应用。窗口透明且忽略鼠标事件，让可爱的 emoji 宠物陪伴你的工作！

特性

• 🐱 透明窗口：窗口背景完全透明，只显示宠物 emoji
• 👆 忽略鼠标事件：鼠标可以穿透窗口，不影响正常操作
• 🎭 浮动动画：宠物带有可爱的上下浮动动画效果
• 📌 始终置顶：宠物窗口始终显示在最前面
• 🎯 系统托盘：可通过系统托盘退出应用
• 🪟 跨平台支持：支持 macOS 和 Windows 系统

技术栈

• 前端: React 19 + Vite 7
• 后端: Rust + Tauri 2
• 包管理器: pnpm

开发环境要求

• Node.js (兼容 Vite 7+ 的版本)
• Rust 工具链 (rustc, cargo)
• pnpm

快速开始

安装依赖

pnpm install

开发模式

pnpm tauri dev

这将启动开发服务器并运行 Tauri 应用。

构建应用

pnpm tauri build

构建完成后，可执行文件将位于 src-tauri/target/release 目录。

构建 Windows 安装程序

如果你需要在 macOS 上构建 Windows 版本的安装程序，请查看 WINDOWS_BUILD.md 获取详细指南。

快速开始:

# 使用 GitHub Actions (推荐)
git push  # 自动触发 CI/CD 构建

# 或使用本地脚本
./build-windows.sh help

预览生产版本

pnpm preview

项目结构

pets/
├── src/                    # React 前端源码
│   ├── App.jsx            # 主应用组件（显示 emoji 宠物）
│   ├── App.css            # 样式文件（包含浮动动画）
│   └── main.jsx           # React 入口文件
├── src-tauri/             # Rust 后端源码
│   ├── src/
│   │   ├── lib.rs         # Tauri 应用配置和窗口设置
│   │   └── main.rs        # Rust 程序入口
│   ├── Cargo.toml         # Rust 依赖配置
│   └── tauri.conf.json    # Tauri 应用配置
├── index.html             # HTML 入口文件
└── package.json           # Node.js 项目配置

自定义宠物

更换 Emoji

编辑 src/App.jsx 文件，修改 <div className="pet-emoji">🐱</div> 中的 emoji：

<div className="pet-emoji">🐶</div>  // 小狗
<div className="pet-emoji">🐰</div>  // 小兔
<div className="pet-emoji">🦊</div>  // 狐狸

调整窗口大小

编辑 src-tauri/src/lib.rs 文件，修改 .inner_size(180.0, 240.0) 参数：

.inner_size(200.0, 200.0)  // 宽 200px, 高 200px

调整 Emoji 大小

编辑 src/App.css 文件，修改 .pet-emoji 的 font-size：

.pet-emoji {
  font-size: 150px;  /* 调整这个值 */
}

注意事项

⚠️ 重要提示：由于窗口忽略了鼠标事件，你无法直接点击关闭窗口。请使用以下方式退出应用：

1. 右键点击系统托盘图标
2. 选择 "Quit" 菜单项

许可证

MIT