一个帮助选择今日饭菜的趣味小工具,带有可爱的动画效果和实用的菜单管理功能。
- 🎲 随机选择今日菜品
- 🐕 可爱的狗狗动画效果
- 🎵 背景音乐
- 📝 自定义菜品管理
- 📤 批量导入菜品
- 🔄 默认菜单恢复
- 📱 移动端适配
- 🔗 菜单分享功能
- ✨ 粉色爱心动画特效
- 纯原生 HTML/CSS/JavaScript
- LZ-String(用于菜单压缩分享)
- Font Awesome 图标
- LXGW WenKai Screen 字体
- Sakura.js 樱花特效
- 点击中间的骰子图标开始随机选择
- 动画效果展示选择过程
- 选中后会显示结果并播放特效
- 添加单个菜品
- 批量导入菜品(支持多行文本)
- 删除单个菜品
- 清空菜单
- 恢复默认菜单
- 本地存储,保持数据持久化
- 生成压缩后的分享链接
- 支持通过链接导入他人的菜单
- 使用 LZ-String 进行数据压缩
-
直接访问:在线体验
-
本地运行:
- 克隆项目到本地
- 直接用浏览器打开 index.html 文件
- 开始使用!
-
基础操作:
- 点击中间的骰子开始随机选择
- 点击小狗可以播放/暂停背景音乐
-
底部工具栏功能:
- 📋 展开/收起菜单
- 🔄 恢复默认菜单
- 🗑️ 清空当前菜单
- 📥 批量导入菜品
- 📤 分享当前菜单
- ❤️ 赞赏支持
- HTML:页面结构和样式
- CSS:动画效果和响应式设计
- JavaScript:
- 菜单管理
- 随机选择算法
- 动画控制
- 数据持久化
- 分享功能