log1997 / log-lottery

🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。

log-lottery 🚀🚀🚀🚀

log-lottery是一个可配置可定制化的抽奖应用，炫酷3D球体，可用于年会抽奖等活动，支持奖品、人员、界面、图片音乐配置。

要求

使用PC端最新版Chrome或Edge浏览器。

访问地址：

https://24years.top/log-lottery

or

https://log1997.github.io/log-lottery/

功能描述

• 🕍 炫酷3D球体，年会抽奖必备，开箱即用
• 🧿 持久化存储，数据不丢失
• 🎁 奖品奖项配置
• 👱 抽奖名单设置管理
• 🛞 界面信息自定义
• 🎼 播放背景音乐
• 💾 图片、背景音乐管理，使用本地存储，有默认资源可直接使用
• 🖼️ excel表格导入人员名单、抽奖结果使用excel导出
• 🎈 可增加临时抽奖

详细介绍

配置参与人员

于人员配置管理界面下载excel模板，按要求填好数据后导入即可。

配置奖项

于奖项配置管理界面添加奖项后，自定义修改名称、抽取人数、是否全员参加、图片显示。

界面配置

可自定义配置标题、列数、卡片颜色、首页图案等。

图片和音乐管理

上传图片或音乐即可，数据使用indexdb在浏览器本地进行存储。

预览

首页

抽奖

配置

图片音乐配置

技术

• vue3
• threejs
• indexdb
• pinia
• daisyui

开发

安装依赖

pnpm i

开发运行

pnpm dev

打包

pnpm build

项目思路来源于 https://github.com/moshang-xc/lottery

License

MIT

Copyright (c) 2024-present log1997

log-lottery's Issues

怎么配置多轮抽奖呢，后续可以支持吗

第一轮
一等奖
二等奖
三等奖

第二轮
一等奖
二等奖
三等奖

大佬，如何更换背景图片呀

大佬，我想把黑色的背景图片更换成自定义的图片，如何操作呀？

非常期待您的回复

兄弟，有bug，还有需求，可以帮忙修改一下？

bug：

1. 导入 excel 模版后，点击抽奖，抽完一个，继续就卡住了
2. 重置数据后，抽奖列表数据还在

需求：

1. 已中奖需要从抽奖中移除
2. 一个奖项比如有10个，可否分几次抽
3. 音乐播放可以列表循环吗

控制中奖用户

请问一下那个代码中方法进行抽取中奖用户，想加一个操作中奖功能。或者作者有计划加这个功能吗

在IDEA中dev运行总是卡死

在IDEA中dev运行总是卡死
卡死后,哪怕重启也没法再打开了
比如第一次用localhost打开,卡死,后面就再无法用localhost打开
然后换本地IP 能打开,过一会又会卡死,就再也无法打开了
好像和更换主题有一定关系,在演示 https://24years.top/log-lottery/home 里面更换了主题之后,好像也会卡死

写的很棒。

就是 BUG 有点多。

抽奖顺序可以进行调整吗？

另外还发现个bug，点击抽奖按钮过快的话会导致抽奖失败、抽奖人数最少，无法重新抽奖