fork自https://github.com/fouber/lottery
-
建一个网站
首先得有个网站,如果没有,可以使用Github.io博客,建站方法可参考这篇文章,如果建站只是为了抽奖,能成功打开
你的Github账号名.github.io
,五分钟就搞定~即可进入下一步; -
增加一个页面
即在
你的Github账号名.github.io
网站中增加一个页面,得到你的Github账号名.github.io/lottery
。具体方法参考这篇文章
- 选择当次要抽奖的人数(30、10、5、2、1)
- 点击『开始』按钮,进入抽奖状态(这个过程仍可修改抽奖人数)
- 点击『停!』按钮,生成抽奖结果
- 点击任意人数按钮,可以回到闲置状态,已中奖的用户标记为黄色,不会二次命中
- 抽奖完毕,点击网页右上方的
中奖名单
即可查看。
PS:滚动鼠标滚轮,可以放大或缩小球体
-
修改号码和名单
在'js/member.js'文件内,可修改编号和名称。
-
修改抽奖人数和默认值列表
默认抽奖人数为【30,10,5,2,1】,默认值为30,可以在index.html中修改
new Vue({
el: '#tools',
data: {
selected: 30,
running: false,
btns: [
30, 10, 5, 2, 1
]
},
-
修改奖项
待续
-
教程很详细啦。如果你懒得自己弄,请我吃个雪糕,我可以帮你。
这个github地址 看着更炫酷,功能更多,但我还没试过。