简介
lucky-draw一款基于Vue底层的一款年会抽奖程序。
github 地址：
https://github.com/vitozyf/lucky-draw
github star: 290+
最新版本：0.1.0，MIT 协议
主要技术栈: vue 2.6, vux 3.1, element-ui 2.13.0, vue-cli 4.1
项目截图
使用说明
抽奖配置设置抽奖总人数、奖项及每个奖项的人数，默认包含六个奖项，如果不想抽取默认的奖项，可以设置该奖项数量为 0
可以新增自定义的奖项，新增后必须将奖项人数设置大于 0 才会在抽奖奖项列表中显示
- 抽奖结果
显示抽取的结果，点击号码允许从结果中删除该号码。删除后该号码可以参与剩余的抽奖，否则已经中的号码无法参与剩余奖项的抽奖（除非开启全员参与功能）
- 开始
开始抽奖，需要选取抽取的奖项、本次抽取的人数和是否开启全员抽奖功能。
本次抽取的人数可以选择 1 人、5 人、一次性抽取完或者自定义抽取数量，不能大于奖项剩余的数量
- 重置
重置数据恢复到初始状态
可选的重置选项： 1.重置全部数据 2.重置抽奖配置 3.重置名单 4.重置照片 5.重置抽奖结果
- 导入名单
按照格式导入名单，可以多次输入。若号码有对应的姓名，则在抽取过程及结果中会显示号码及姓名，若没有对应的姓名，则只显示号码。
- 导入相册
按照 抽奖号-照片的一对一导入，（可在现场将号码发出签到后，每发一个号码，导入一个照片）。抽奖结果将以照片形式展示。
照片格式支持.jpg和.png，照片大小不能超过 150kb,建议 20-50kb，建议尺寸为 160*160px
温馨提示
- 本抽奖程序无暗箱操作，无后台，无后门。
- 名单和照片显示只需导入一种即可,无导入数据则使用抽奖号码。
- 建议使用最新的 Chrome 浏览器打开体验最佳。
快速上手
$ git clone https://github.com/vitozyf/lucky-draw.git$ cd lucky-draw// 安装依赖$ npm install// 启动$ npm dev// 打包$ npm build浏览器兼容性
- IE / Edge
last 2 versions
- Firefox
last 2 versions
- Chrome
last 2 versions
- Safari
last 2 versions
- Opera
last 2 versions
本文来自投稿，不代表本人立场，如若转载，请注明出处：http://www.sosokankan.com/article/1934308.html