Skip to content

LOG1997/log-lottery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

bdbd7f6 · Jan 16, 2025
Jan 7, 2025
Jan 2, 2024
Jan 2, 2024
Jan 10, 2024
Jan 15, 2025
Jan 15, 2025
Dec 28, 2024
Dec 28, 2024
Jan 7, 2025
Dec 28, 2024
Jan 10, 2024
Jan 7, 2025
Jan 2, 2024
Jan 2, 2024
Jan 7, 2025
Jan 17, 2024
Jan 9, 2025
Jan 7, 2025
Jan 2, 2024
Jan 24, 2024
Nov 22, 2024
Jan 2, 2024
Jan 7, 2025

Repository files navigation

log-lottery 🚀🚀🚀🚀

MIT MIT github vue3 build

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在浏览器本地进行存储。

预览

首页

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
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

Star History Chart

License

MIT