GithubHelp home page GithubHelp logo

littlebeastie / lucky-draw Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bugmakerslearn/lucky-draw

1.0 0.0 0.0 45.83 MB

年会抽奖程序

Home Page: https://vitozyf.github.io/lucky-draw/index.html#/

License: MIT License

JavaScript 78.64% CSS 1.09% HTML 0.36% Vue 19.91%

lucky-draw's Introduction

年会抽奖

演示地址

使用说明

配置建议

  • 本程序理论支持配置百万级别人数,超过 10 万以上时初始化会比较耗时,初始化后可以正常抽奖。
  • 如果人数较多,不建议导入名单或照片,按号码抽奖即可。

抽奖配置

  • 设置抽奖总人数、奖项及每个奖项的人数,默认包含两个奖项,如果不想抽取默认的奖项,可以设置该奖项数量为 0
  • 可以新增自定义的奖项,新增后必须将奖项人数设置大于 0 才会在抽奖奖项列表中显示

抽奖结果

  • 显示抽取的结果,点击号码允许从结果中删除该号码。删除后该号码可以参与剩余的抽奖,否则已经中的号码无法参与剩余奖项的抽奖(除非开启全员参与功能)

开始

  • 开始抽奖,需要选取抽取的奖项、本次抽取的人数和是否开启全员抽奖功能。
  • 本次抽取的人数可以选择 1 人、5 人、一次性抽取完或者自定义抽取数量,不能大于奖项剩余的数量
  • 点击停止抽取完成

重置

  • 重置数据恢复到初始状态
  • 可选的重置选项: 1.重置全部数据 2.重置抽奖配置 3.重置名单 4.重置照片 5.重置抽奖结果

导入名单

  • 按照格式导入名单,可以多次输入。若号码有对应的姓名,则在抽取过程及结果中会显示号码及姓名,若没有对应的姓名,则只显示号码。

导入相册

  • 按照 抽奖号-照片的一对一导入,(可在现场将号码发出签到后,每发一个号码,导入一个照片)。抽奖结果将以照片形式展示。
  • 照片格式支持.jpg.png,照片大小不能超过 150kb,建议 20-50kb,建议尺寸为 160*160px

温馨提示

  • 本抽奖程序无暗箱操作,无后台,无后门。
  • 名单和照片显示只需导入一种即可,无导入数据则使用抽奖号码。
  • 建议使用最新的 Chrome 浏览器打开体验最佳。
  • 由于背景音乐加载较慢,可以在抽奖前提前打开缓存好。或者安装 windows 版本软件到本地,无需联网即可使用。

windows 软件版本

  • 本抽奖程序的 windows 软件版本下载安装包

Donation

如果这个开源项目对您有帮助,请作者喝杯咖啡吧。

payimg

License

MIT

lucky-draw's People

Contributors

vitozyf avatar dependabot[bot] avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.