Skip to content

一个帮助选择今日饭菜的趣味小工具,带有可爱的动画效果和实用的菜单管理功能。

License

Notifications You must be signed in to change notification settings

stmoonar/EatWhat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

今天吃什么?

一个帮助选择今日饭菜的趣味小工具,带有可爱的动画效果和实用的菜单管理功能。

🌟 特色功能

  • 🎲 随机选择今日菜品
  • 🐕 可爱的狗狗动画效果
  • 🎵 背景音乐
  • 📝 自定义菜品管理
  • 📤 批量导入菜品
  • 🔄 默认菜单恢复
  • 📱 移动端适配
  • 🔗 菜单分享功能
  • ✨ 粉色爱心动画特效

🛠️ 技术栈

  • 纯原生 HTML/CSS/JavaScript
  • LZ-String(用于菜单压缩分享)
  • Font Awesome 图标
  • LXGW WenKai Screen 字体
  • Sakura.js 樱花特效

💡 主要功能说明

菜品选择

  • 点击中间的骰子图标开始随机选择
  • 动画效果展示选择过程
  • 选中后会显示结果并播放特效

菜单管理

  • 添加单个菜品
  • 批量导入菜品(支持多行文本)
  • 删除单个菜品
  • 清空菜单
  • 恢复默认菜单
  • 本地存储,保持数据持久化

菜单分享

  • 生成压缩后的分享链接
  • 支持通过链接导入他人的菜单
  • 使用 LZ-String 进行数据压缩

🚀 快速开始

  1. 直接访问:在线体验

  2. 本地运行:

    • 克隆项目到本地
    • 直接用浏览器打开 index.html 文件
    • 开始使用!

📱 使用说明

  1. 基础操作:

    • 点击中间的骰子开始随机选择
    • 点击小狗可以播放/暂停背景音乐
  2. 底部工具栏功能:

    • 📋 展开/收起菜单
    • 🔄 恢复默认菜单
    • 🗑️ 清空当前菜单
    • 📥 批量导入菜品
    • 📤 分享当前菜单
    • ❤️ 赞赏支持

📝 代码结构

  • HTML:页面结构和样式
  • CSS:动画效果和响应式设计
  • JavaScript:
    • 菜单管理
    • 随机选择算法
    • 动画控制
    • 数据持久化
    • 分享功能

About

一个帮助选择今日饭菜的趣味小工具,带有可爱的动画效果和实用的菜单管理功能。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published