Skip to content

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

License

Notifications You must be signed in to change notification settings

LOG1997/log-lottery

Repository files navigation

log-lottery 🚀🚀🚀🚀

MIT github vue3

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构建部署和镜像
  • 更换背景图片 ... 需要更多功能请留言

详细介绍

配置参与人员

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

配置奖项

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

界面配置

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

图片和音乐管理

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

预览

首页

image_home

image_home_prize_list

抽奖

image_lottery

image_lottery_done

配置

image_config_person_all

image_config_prize_list

image_config_view

image_config_pattern

图片音乐配置

image_config_img

image_music

技术

  • vue3
  • threejs
  • indexdb
  • pinia
  • daisyui

开发

安装依赖

pnpm i

开发运行

pnpm dev

打包

pnpm build

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

License

MIT

Copyright (c) 2024-present log1997