【新春创造营】Web版春节红包挑战小游戏
项目简介
项目名称：Web版春节红包挑战小游戏
项目类型：Web 前端互动小游戏
项目描述：
这是一个春节主题的网页小游戏，用户可以在页面上点击“抢红包”按钮，每次抢到随机金额红包，同时获得祝福语。页面累加用户总金额，并显示排行榜，前 5 名玩家的总金额会被保存到浏览器 localStorage 中。页面风格浓厚的春节元素：红色背景、金色按钮、红包动画和彩色文字，让寒冬也充满年味。
项目亮点：
-
红包随机金额生成，带祝福语彩蛋
-
总金额统计与排行榜功能
-
前端动画效果（红包飘落、弹出祝福）
-
本地存储排行榜数据
使用到的 iFlow CLI 功能
-
项目生成：使用 iFlow CLI 创建前端 Web 项目模板
-
代码快速生成：通过 iFlow CLI 的 Prompt 功能生成 HTML/CSS/JS 代码
-
交互逻辑：iFlow CLI 支持生成前端交互事件处理
实现过程
直接使用 iflow 提示词生成完整单页应用，包括 HTML、CSS、JS 和排行榜逻辑。
生成一个 Web 页面版的春节红包挑战小游戏，要求如下：
1. 页面风格为春节主题，红色背景，金色按钮，增加红包飘落动画。
2. 页面上有一个“抢红包”按钮，用户点击后：
- 随机生成 1~100 元金额
- 显示祝福语：
- 1~20 元：小吉大利
- 21~50 元：福气满满
- 51~100 元：财源滚滚
- 累加用户总金额并显示
3. 页面显示排行榜，前 5 名玩家，存储在浏览器 localStorage。
4. 页面包含总金额统计和祝福语展示区域。
5. 代码需完整，包含 HTML、CSS、JavaScript，可直接运行在浏览器。
6. 尽量使用简洁现代风格，动画简单流畅，红包元素可用 emoji 🎉。
