log-lottery 🚀🚀🚀🚀

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

因原域名到期，现将原域名 (https://24years.top/log-lottery) 迁移到 (https://1kw20.fun/log-lottery) 。

如果进入网站遇到图片无法显示或有报错的情况，请先到【全局配置】-【界面配置】菜单中点击【重置所有数据】按钮清除数据后进行更新。

请尽量拉取代码进行构建部署，本线上网站代码会保持更新，可能影响原有功能和数据。

要求

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

访问地址：

https://1kw20.fun/log-lottery

or

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

TODO

• 🕍 炫酷3D球体，年会抽奖必备，开箱即用
• 💾 本地持久化存储
• 🎁 奖品奖项配置
• 👱 抽奖名单设置管理
• 🎼 播放背景音乐
• 🖼️ excel表格导入人员名单、抽奖结果使用excel导出
• 🎈 可增加临时抽奖
• 🧨 国际化多语言
• 🍃 更换背景图片
• 🚅 添加docker构建
• 😘 弹幕（开发中）
• 🧵 卡片组成多种形状

... 需要更多功能或发现bug请留言issues

详细介绍

配置参与人员

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

配置奖项

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

界面配置

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

图片和音乐管理

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

预览

首页

抽奖

配置

图片音乐配置

技术

• vue3
• threejs
• indexdb
• pinia
• daisyui

开发

安装依赖

pnpm i
or
npm install

开发运行

pnpm dev
or
npm run dev

打包

pnpm build
or
npm run build

预览

pnpm preview
or
npm run preview

若想直接以打开html文件的方式运行，请执行以下命令进行打包。打包完成后在dist目录中直接打开index.html即可。

pnpm build:file
or
npm run build:file

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

Docker支持

构建镜像

docker build -t log-lottery .

运行容器

docker run -d -p 9279:80 log-lottery

容器运行成功后即可在本地通过http://localhost:9279/log-lottery/访问

Star History

License

MIT