# nianhui

**Repository Path**: zhoumcu_admin/nianhui

## Basic Information

- **Project Name**: nianhui
- **Description**: 年会抽奖
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-12-30
- **Last Updated**: 2026-02-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

一款专为企业年会、团建活动、庆典仪式打造的高性能、高颜值、全离线抽奖工具。无需网络、操作简单、效果震撼，助你轻松掌控全场气氛！

效果图：
![输入图片说明](image.png)

全离线企业年会抽奖工具

一款专为企业年会、团建活动、庆典仪式打造的高性能、高颜值、全离线抽奖工具。无需网络、操作简单、效果震撼，助你轻松掌控全场气氛！
功能特性
完全本地运行：无需联网即可流畅使用。
8种炫酷动效：提供多种沉浸式抽奖动画。
多端适配：支持电脑投屏、平板操控。
一键重置：灵活应对多轮抽奖需求。
安全私有：所有数据仅存于本地浏览器。
下一步新增功能（v2.0）
扫码签到：通过手机扫码登记参与信息。
活动开始倒计时：显示距离抽奖开始的时间。
抽签规则设置：更灵活地配置抽奖规则。

✨ 核心亮点
- 完全本地运行：基于 Web 技术构建，无需联网，酒店/会场无网络也能流畅使用。
- 8 大炫酷动效：告别单调滚动，提供 8 种沉浸式抽奖动画，点燃现场热情。
- 多端适配：支持电脑投屏、平板操控，大屏展示效果更佳。
- 一键重置：随时清空中奖记录，灵活应对多轮抽奖需求。
- 安全私有：所有数据仅存于本地浏览器，不上传、不泄露，保障参与者隐私。

---
🎮 核心功能详解
1. 🎁 多奖项管理
- 支持创建多个奖项（如：一等奖、二等奖、幸运奖等）
- 每个奖项可设置：
  - 奖项名称与等级（🥇🥈🥉 自动标识）
  - 中奖名额数量
  - 剩余名额实时显示
- 抽奖前可快速切换当前奖项
2. 🌀 8 种抽奖动画效果（任选其一）
暂时无法在飞书文档外展示此内容
💡 所有动效均支持自定义主题色，完美匹配企业 VI。
3. 🎨 主题与背景自定义
- 4 套预设主题：
  - 科技蓝：赛博未来风，适合互联网公司
  - 喜庆红：节日氛围浓，适合传统年会
  - 简约白：商务正式感，适合高端会议
  - 赛博粉：霓虹炫彩，适合创意团队
- 背景自由设置：
  - 纯色背景
  - 渐变背景（支持 8 方向 + 预设配色）
  - 自定义图片背景（支持 URL 或本地上传）
4. 🔊 音效与音乐
- 背景音乐 (BGM)：
  - 开启/关闭开关
  - 音量滑块调节（0% ~ 100%）
  - 支持上传自定义 MP3/WAV 背景音乐
- 音效支持：
  - 抽奖开始音效（可自定义）
  - 中奖公布音效（可自定义）
  - 支持全局开关控制
5. 🧩 实用辅助功能
- 快捷操作：
  - 空格键：开始 / 停止抽奖
  - ESC 键：退出全屏
- 自动隐藏控制栏：3 秒无操作自动隐藏顶部菜单，沉浸式体验
- 手动显示/隐藏按钮：右下角常驻按钮，随时调出设置
- 中奖名单展示：中奖者以高亮卡片展示，含头像、姓名、奖项
- 数据统计面板：实时显示总人数、已中奖、未中奖数量
6. ⚙️ 高级设置
- 允许重复中奖：开启后同一人可多次中奖（默认关闭）
- 抽取人数设置：支持单次抽取 1~N 人
- 标题自定义：主标题文字可修改（如“2025 星耀盛典”）
- 一键重置：清空所有中奖记录，重新开始

---
📦 部署与授权方案
暂时无法在飞书文档外展示此内容
💡 所有版本均无需服务器，解压即用，双击 HTML 文件即可运行！

---
📱 使用场景
- 企业年度晚会
- 部门团建活动
- 客户答谢会
- 学校/社团庆典
- 婚礼/生日派对互动环节

使用指南
1. 快速开始
解压项目文件并双击 index.html 启动应用。
对于需要扫码签到的活动，请参照“高级模式”启动方法。
2. 扫码签到（新增）
高级模式启动步骤：
1. 确保安装了 [Node.js](https://nodejs.org/)。
2. 双击 start-with-signin.bat 或运行命令 npx serve 启动本地服务。
3. 在浏览器中打开提供的局域网IP地址，并生成二维码供参与者扫码签到。
4. 签到信息将实时同步至抽奖系统。
3. 活动开始倒计时
进入主界面后选择“活动倒计时”，输入预设时间或直接启动倒计时。
倒计时结束后自动进入抽奖环节。
4. 抽签规则设置
在设置面板中，您可以自定义是否允许重复中奖、每轮抽取人数等规则。
支持从签到名单中抽取获奖者。
部署与授权方案
所有版本均无需服务器，解压即用。
双击 HTML 文件即可运行。
开发计划
下一步我们将继续优化用户体验，并考虑添加更多互动性功能如现场投票等。
贡献指南
欢迎提交问题报告和功能请求，也期待您的代码贡献！
许可证
本项目遵循 MIT 许可证。

更多功能联系作者
![输入图片说明](%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20251213092523_2_680.jpg)

这个文档结构旨在清晰展示如何使用你的应用程序的新旧功能，同时也提供了足够的技术细节以满足不同层次用户的需要。确保在实际编写文档时，每个部分都配有相应的截图或者视频教程链接，以便用户能够更容易理解如何操作。