5.5 KiB
log-lottery 🚀🚀🚀🚀
log-lottery是一个可配置可定制化的抽奖应用，炫酷3D球体，可用于年会抽奖等活动，支持奖品、人员、界面、图片音乐配置。
因原域名到期，现将原域名 (https://24years.top/log-lottery) 迁移到 (https://1kw20.fun/log-lottery) 。 如果进入网站遇到图片无法显示或有报错的情况，请先到【全局配置】-【界面配置】菜单中点击【重置所有数据】按钮清除数据后进行更新 请尽量拉取代码进行构建或部署，本线上网站会保持更新，可能影响原有功能和数据。
要求
使用PC端最新版Chrome或Edge浏览器。
访问地址：
or
https://log1997.github.io/log-lottery/
TODO
-
🕍 炫酷3D球体，年会抽奖必备，开箱即用
-
💾 本地持久化存储
-
🎁 奖品奖项配置
-
👱 抽奖名单设置管理
-
🎼 播放背景音乐
-
🖼️ excel表格导入人员名单、抽奖结果使用excel导出
-
🎈 可增加临时抽奖
-
🧨 国际化多语言
-
🍃 更换背景图片
-
🧵 卡片组成多种形状
-
添加docker构建部署和镜像
... 需要更多功能请留言
详细介绍
配置参与人员
于人员配置管理界面下载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
Docker支持
构建镜像
docker build -t log-lottery .
运行容器
docker run -d -p 9279:80 log-lottery
容器运行成功后即可在本地通过http://localhost:9279/log-lottery/访问
License
Copyright (c) 2024-present log1997