View Code? Open in Web Editor
NEW
This project forked from vitozyf/lucky-draw
年会抽奖程序
Home Page: https://vitozyf.github.io/lucky-draw/index.html#/
JavaScript 78.62%
HTML 0.36%
Vue 19.93%
CSS 1.09%
lucky-draw's Introduction
演示地址
- 设置抽奖总人数、奖项及每个奖项的人数,默认包含两个奖项,如果不想抽取默认的奖项,可以设置该奖项数量为 0
- 可以新增自定义的奖项,新增后必须将奖项人数设置大于 0 才会在抽奖奖项列表中显示
- 显示抽取的结果,点击号码允许从结果中删除该号码。删除后该号码可以参与剩余的抽奖,否则已经中的号码无法参与剩余奖项的抽奖(除非开启全员参与功能)
- 开始抽奖,需要选取抽取的奖项、本次抽取的人数和是否开启全员抽奖功能。
- 本次抽取的人数可以选择 1 人、5 人、一次性抽取完或者自定义抽取数量,不能大于奖项剩余的数量
- 点击停止抽取完成
- 重置数据恢复到初始状态
- 可选的重置选项:
1.重置全部数据 2.重置抽奖配置 3.重置名单 4.重置照片 5.重置抽奖结果
- 按照格式导入名单,可以多次输入。若号码有对应的姓名,则在抽取过程及结果中会显示号码及姓名,若没有对应的姓名,则只显示号码。
- 按照 抽奖号-照片的一对一导入,(可在现场将号码发出签到后,每发一个号码,导入一个照片)。抽奖结果将以照片形式展示。
- 照片格式支持
.jpg
和.png
,照片大小不能超过 150kb
,建议 20-50kb
,建议尺寸为 160*160px
- 本抽奖程序无暗箱操作,无后台,无后门。
- 名单和照片显示只需导入一种即可,无导入数据则使用抽奖号码。
- 建议使用最新的 Chrome 浏览器打开体验最佳。
- 由于背景音乐加载较慢,可以在抽奖前提前打开缓存好。或者安装 windows 版本软件到本地,无需联网即可使用。
MIT
lucky-draw's People
Contributors