年会抽奖小程序

快过年了，分享一个抽奖小程序，满满科技感

一、介绍

抽奖主界面：一个动态的、充满科技感的球形转动HTML抽奖页面，背景为蔚蓝色，员工名字实时展示，右上可查看中奖名单，有下抽奖按钮，球体可以滑轮放大缩小
员工信息：根据公司情况自己修改名字和编号
奖品信息：根据情况选择中奖人数，在获奖名单查看中奖人员信息，已中奖的人员变为黄色，且不会再中奖

二、员工信息配置

目前配置了三十个人员信息，可根据自己的需求来配置。编号可以写工号，也可以写手机号

所在位置，js文件夹，member.js

三、中奖人数修改

index.html文件，第224行代码，修改对应人数即可

四、下载路径

链接：https://pan.baidu.com/s/1RS3K_pbAc9i6Zy9pRl27hg 
提取码：2nqe 
点个关注啊

五、打包配置

下载NW.JS

 NW.js (nwjs.io)https://nwjs.io/

然后解压文件夹：

然后程序配置一个package.json的文件，放在你的根目录，这里我是用HBuilder X工具打开的

编写代码-

{
"name": "index-demo", 
"main": "index.html" //入口
}

配置好了以后打开文件根目录全选压缩成.zip，并转为.NW格式文件

改好之后，复制到刚才解压的文件夹里

在文件夹上方输入cmd，输入

copy /b nw.exe+app.nw app.exe

出现此提示，此时去文件夹查看就有一个以exe的程序

六、双击打开

在文件夹里面双击app.exe，就可以打开程序了，创建快捷方式到桌面，就可以使用啦

修改名字脚本链接

小脚本，固定json格式生成-CSDN博客