首页 注册 登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
› Vue.js
广告
vitozyf
V2EX  ›  Vue.js

年会抽奖项目分享

  •   
  •   vitozyf · 2019-12-27 15:11:36 +08:00 · 7284 次点击
    这是一个创建于 1794 天前的主题，其中的信息可能已经有所发展或是发生改变。

    如下为演示地址。

    演示地址

    功能：

    • 灵活的配置。默认有六个奖项，可以自定义无限增加奖项。
    • 可以自定义每次抽取的人数
    • 便捷的重置功能
    • 允许单个删除已中奖的名单
    • 默认抽奖后不能抽下次的奖，可以在开启全员抽奖

    觉得有用的给个 Star 吧 github 地址

    第 1 条附言  ·  2019-12-27 19:00:28 +08:00

    新增功能： 导入名单，导入对应的名单后抽奖将显示对应名字

    第 2 条附言  ·  2019-12-30 17:28:36 +08:00
    新增功能： 照片导入功能

    觉得好用的给个 Star 吧

    如果你有好的建议，请留言给我。
    第 3 条附言  ·  2019-12-31 11:39:51 +08:00
    - 新增：重置数据的选项，可以单独重置某项数据
    第 4 条附言  ·  2020-01-02 16:28:04 +08:00
    有没有人分享个抽奖音乐
    第 5 条附言  ·  2020-01-02 22:38:42 +08:00
    - 背景音乐安排上了
  • 抽奖
  • 地址
  • 默认
  • 演示
    47 条回复  •  2021-09-14 09:50:30 +08:00
    glaucus
        1
    glaucus  
       2019-12-27 15:19:25 +08:00
    1.点击停止的时候会卡顿一下，建议换成动画更好
    2.如果这一团数字可以自定义成名字就更好啦
    stevenkang
        2
    stevenkang  
       2019-12-27 15:26:08 +08:00   ❤️ 1
    先 mark。
    再提建议：
    1. 停止的时候时间太短，太突然了，应该停止时由快到慢，最后再弹出来，目前给人的感觉弹出的数字跟那个动画似乎没有关系。
    tankren
        3
    tankren  
       2019-12-27 15:40:51 +08:00
    我把人数设置成了 2000，卡成狗了 。。。
    tankren
        4
    tankren  
       2019-12-27 15:42:03 +08:00
    结果页的中奖号码和白框不对应，是不是只适配了两位数
    bzj
        5
    bzj  
       2019-12-27 16:15:43 +08:00
    有一说一，界面太 low
    ShundL
        6
    ShundL  
       2019-12-27 16:18:34 +08:00
    应楼上说的，把人数调成了上千，密恐差点儿吓死自己。。。
    vitozyf
        7
    vitozyf  
    OP
       2019-12-27 16:20:51 +08:00
    @glaucus
    这个可以有的，准备加上取 感谢建议
    dtgio
        8
    dtgio  
       2019-12-27 16:21:48 +08:00 via iPhone
    有暗箱操作功能吗？
    vitozyf
        9
    vitozyf  
    OP
       2019-12-27 16:21:49 +08:00
    @stevenkang 的确是，哈哈。后续优化下
    vitozyf
        10
    vitozyf  
    OP
       2019-12-27 16:22:24 +08:00
    @bzj 没毛病，后续看能不能让设计师设计一下，哈哈
    vitozyf
        11
    vitozyf  
    OP
       2019-12-27 16:23:38 +08:00
    @dtgio 这个暂时没有，抽个奖而已哈哈
    loading
        12
    loading  
       2019-12-27 16:24:24 +08:00 via Android
    因为动画过渡卡顿，会感觉是暗箱……
    eastlhu
        13
    eastlhu  
       2019-12-27 16:26:02 +08:00
    太卡了。5000 人抽奖，页面一度卡住
    shmilyin
        14
    shmilyin  
       2019-12-27 16:28:29 +08:00
    能支持名称导入就好了
    xuanbg
        15
    xuanbg  
       2019-12-27 16:29:36 +08:00
    真随机的小箱子里面摸纸团不香吗？非要搞伪随机的抽奖程序。。。。。。
    vitozyf
        16
    vitozyf  
    OP
       2019-12-27 16:33:35 +08:00
    @shmilyin 这个可以有，准备加进去
    799635347
        17
    799635347  
       2019-12-27 17:00:28 +08:00
    搞了一下事情，输入个 7000 人，页面凉了
    vitozyf
        18
    vitozyf  
    OP
       2019-12-27 17:07:24 +08:00
    @glaucus 点击停止的动画已经优化
    zc199068
        19
    zc199068  
       2019-12-27 17:13:57 +08:00
    能自定义数字，将数字换位照片就好了
    MAIQ
        20
    MAIQ  
       2019-12-27 17:23:59 +08:00
    人多的时候密集恐惧症
    excitedXXX
        21
    excitedXXX  
       2019-12-27 17:26:49 +08:00
    点击停止卡顿一下后出现的中奖号码让我觉得与旋转的动画没有任何关系.....有一种不真实有暗箱的感觉....
    bazingazzz
        22
    bazingazzz  
       2019-12-27 17:30:14 +08:00
    我说怎么进不去，上面都在几千人地玩
    icebreaker12
        23
    icebreaker12  
       2019-12-27 17:46:07 +08:00
    按了不知道几个零，浏览器炸
    Z5460520
        24
    Z5460520  
       2019-12-27 17:51:06 +08:00
    两万个人成了一个白球🤣
    WFMS
        25
    WFMS  
       2019-12-27 17:55:01 +08:00
    我被抬走了 ubuntu: 应用程序 google chrome 意外关闭 请报告 xxx
    WFMS
        26
    WFMS  
       2019-12-27 17:57:55 +08:00
    本来楼主就只是做演示 你们非要设置 2000 你们真的 什么 我输入的 20000 那没事了
    Latin
        27
    Latin  
       2019-12-27 18:24:49 +08:00
    threejs 这个模版被很多人改啊，哈哈哈，之前换成了头像的
    a62527776a
        28
    a62527776a  
       2019-12-27 18:26:34 +08:00
    我感觉多会的那个好一点 https://github.com/meetmore/lottery.js
    vitozyf
        29
    vitozyf  
    OP
       2019-12-27 20:14:08 +08:00
    @excitedXXX 强制刷新下看看 我好像改过了
    2DaYe
        30
    2DaYe  
       2019-12-27 21:47:01 +08:00
    我司原来年会抽奖也用程序，后来被人质疑，年会现场当众 code review，结果发现 random 没加 seed……
    现在抽奖都改成纸质抽签了
    vitozyf
        31
    vitozyf  
    OP
       2019-12-27 22:20:57 +08:00
    @2DaYe 没事 我提前把代码发出去 避免我抽到一等奖了尴尬 哈哈
    T3RRY
        32
    T3RRY  
       2019-12-28 16:21:25 +08:00
    太垃圾了
    vitozyf
        33
    vitozyf  
    OP
       2019-12-28 16:50:00 +08:00
    @WFMS 20000?告辞
    vitozyf
        34
    vitozyf  
    OP
       2019-12-31 09:05:53 +08:00
    @shmilyin 已经支持导入名字和照片啦
    shmilyin
        35
    shmilyin  
       2019-12-31 09:09:29 +08:00
    1、抽奖号码可以批量删除某个奖项就好了
    2、重置的时候有时候只想重置抽奖结果而不是配置，如果可以选择就好了。
    vitozyf
        36
    vitozyf  
    OP
       2019-12-31 09:37:12 +08:00
    @shmilyin 嗯 昨天测试的时候发现这个问题了。一个一个删有点麻烦，今天改一下
    vitozyf
        37
    vitozyf  
    OP
       2019-12-31 11:40:31 +08:00
    @shmilyin 已更新，增加了重置数据的选项，现在可以单独重置某项数据。感谢建议
    shyy06
        38
    shyy06  
       2020-01-03 20:19:50 +08:00
    @a62527776a #28 看是好看 但是 你这可控 可以手动控制中奖
    123124dasfsdfsd
        39
    123124dasfsdfsd  
       2020-01-11 23:54:23 +08:00
    大佬，能搞个暗箱操作不，我的神啊，公司要求这样子。
    vitozyf
        40
    vitozyf  
    OP
       2020-01-12 19:54:44 +08:00
    @shyy06 怎么可能 你怎么控制
    vitozyf
        41
    vitozyf  
    OP
       2020-01-12 19:55:03 +08:00
    @123124dasfsdfsd 自己改呗
    shyy06
        42
    shyy06  
       2020-01-13 10:47:20 +08:00
    @vitozyf #40 看转动,等到旋转的轮到哪个人时候点击停止基本上能稳中
    SonicMaster
        43
    SonicMaster  
       2020-01-18 09:21:45 +08:00
    可以把抽奖号码改成员工编号吗
    vitozyf
        44
    vitozyf  
    OP
       2020-01-18 11:45:41 +08:00
    @SonicMaster 暂时不支持更改抽奖号码。可以在名单导入功能中导入抽奖号码-员工编码的对应关系
    dongisking
        45
    dongisking  
       2021-09-13 11:06:20 +08:00
    来了
    GM
        46
    GM  
       2021-09-13 13:25:49 +08:00
    参与抽奖
    sllcxx
        47
    sllcxx  
       2021-09-14 09:50:30 +08:00
    拉低中奖率
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1015 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:54 · PVG 02:54 · LAX 10:54 · JFK 13:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.