Skip to content

liu-leon/Raffle_system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

🎊 抽奖系统 (旗舰版)

这是一套专为年会、晚会、开业庆典等大型活动设计的 Web 端抽奖方案。它不仅拥有极高的颜值,还深度优化了大屏展示效果与后台配置的便捷性,是活动现场的“气氛组”核心。


🌟 核心亮点

  • 智能动态适配:业界领先的自适应算法。无论单次抽取 1 人(大字霸气展示)还是 10 人(自动缩小卡片排版),系统都会完美计算字体大小,确保人名永远留在屏幕内,绝不溢出。
  • 企业级配置中心:无需修改代码,直接在界面设置标题、导入名单(支持 Excel 粘贴)、设定各奖项名额及单次抽取人数。
  • 极致视觉特效:内置高清 Canvas 粒子动画,中奖瞬间自动触发金币喷溅效果,配合红金配色,拉满现场仪式感。
  • 数据双重保障
    • 持久化存储:中奖记录与配置自动保存到浏览器。即便意外刷新页面,抽奖进度也绝不丢失。
    • 一键导出:点击金色的“查看获奖名单”即可导出 UTF-8 (BOM) 编码的 CSV 表格,Excel 打开无乱码。
  • 大屏操控优化:支持 Space 空格键 一键开始/停止,操作员无需低头找鼠标,专注舞台动态。

🛠️ 快速上手指南

  1. 部署:将生成的 .html 文件在电脑上用 Chrome 或 Edge 浏览器打开。
  2. 配置
    • 点击右上角 “⚙️ 系统配置”
    • 标题:输入你的年会名称。
    • 名单:从 Excel 姓名列直接复制并粘贴(支持逗号、空格或换行)。
    • 规则:设定奖项名称,并配置“单次抽取人数”(建议 10 人/组以内效果最佳)。
  3. 抽奖
    • 在主界面下拉菜单选择奖项。
    • 按下 空格键 开始滚动,再次按下 空格键 停止。
  4. 收尾
    • 点击侧边栏金色的 “📥 查看获奖名单” 按钮导出结果。

⌨️ 快捷键说明

按键 功能 说明
Space (空格) 开始 / 停止 抽奖核心操作,简单高效
Esc 关闭弹窗 快速退出配置面板或取消修改

⚠️ 注意事项

  • 浏览器推荐:请使用 ChromeEdgeSafari 等现代浏览器以获得最佳特效性能。
  • 数据重置:若需开启新的一场抽奖,请点击侧边栏底部的“重置中奖记录”,该操作仅清空获奖名单,保留人员配置。
  • 本地运行:本系统完全基于客户端运行,无需服务器支持,离线环境亦可放心使用。

Tip: 如果需要在现场配合特定的背景音乐,建议在浏览器后台播放器先行准备。祝你的年会抽奖圆满成功!

About

这是一款专业抽奖系统,集可视化大屏、深度自定义配置与合规数据导出于一体。其核心亮点在于智能文字自适应算法,可根据中奖人数(如1人或10人)自动调节UI布局与字体大小,确保展示界面始终精美且不超出屏幕范围。系统集成了便捷的空格键快捷操作、炫酷的Canvas粒子撒花特效以及本地持久化存储功能,并支持一键导出无乱码的中奖名单表格。从现场气氛烘托到后期数据核对,该系统完美闭环了全流程需求,可提供高效、稳定且富有沉浸感的抽奖体验。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages