log-lottery是一个可配置可定制化的抽奖应用,炫酷3D球体,可用于年会抽奖等活动,支持奖品、人员、界面、图片音乐配置。
要求
使用PC端最新版Chrome或Edge浏览器。
访问地址:
https://1kw20.fun/log-lottery
or
https://log1997.github.io/log-lottery/
TODO
…
需要更多功能或发现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
Docker支持
构建镜像
docker build -t log-lottery .
运行容器
docker run -d -p 9279:80 log-lottery
容器运行成功后即可在本地通过http://localhost:9279/log-lottery/访问
Star History

License
MIT