# log-lottery 🚀🚀🚀🚀 [![MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/LOG1997/log-lottery) [![github](https://img.shields.io/badge/Author-log1997-blue.svg)](https://github.com/log1997) [![vue3](https://img.shields.io/badge/VUE-3.0-green.svg)](https://github.com/log1997) log-lottery是一个可配置可定制化的抽奖应用,炫酷3D球体,可用于年会抽奖等活动,支持奖品、人员、界面、图片音乐配置。 > 因原域名到期,现将原域名 () 迁移到 () 。 如果进入网站遇到图片无法显示或有报错的情况,请先到【全局配置】-【界面配置】菜单中点击【重置所有数据】按钮清除数据后进行更新 请尽量拉取代码进行构建或部署,本线上网站会保持更新,可能影响原有功能和数据。 ## 要求 使用PC端最新版Chrome或Edge浏览器。 访问地址: or ## TODO - [x] 🕍 炫酷3D球体,年会抽奖必备,开箱即用 - [x] 💾 本地持久化存储 - [x] 🎁 奖品奖项配置 - [x] 👱 抽奖名单设置管理 - [x] 🎼 播放背景音乐 - [x] 🖼️ excel表格导入人员名单、抽奖结果使用excel导出 - [x] 🎈 可增加临时抽奖 - [x] 🧨 国际化多语言 - [x] 🍃 更换背景图片 - [ ] 🧵 卡片组成多种形状 - [ ] 添加docker构建部署和镜像 ... 需要更多功能请留言 ## 详细介绍 ### 配置参与人员 于人员配置管理界面下载excel模板,按要求填好数据后导入即可。 ### 配置奖项 于奖项配置管理界面添加奖项后,自定义修改名称、抽取人数、是否全员参加、图片显示。 ### 界面配置 可自定义配置标题、列数、卡片颜色、首页图案等。 ### 图片和音乐管理 上传图片或音乐即可,数据使用indexdb在浏览器本地进行存储。 ## 预览 首页 ![image_home](./static/images/home.png) ![image_home_prize_list](./static//images/home_prizelist.png) 抽奖 ![image_lottery](./static/images/lottery-enter.png) ![image_lottery_done](./static/images/lottery-done.png) 配置 ![image_config_person_all](./static/images/config_personall.png) ![image_config_prize_list](./static/images/config_prize.png) ![image_config_view](./static/images/config-view.png) ![image_config_pattern](./static/images/config_pattern.png) 图片音乐配置 ![image_config_img](./static/images/image_config.png) ![image_music](./static/images/music_music.png) ## 技术 - vue3 - threejs - indexdb - pinia - daisyui ## 开发 安装依赖 ```bash pnpm i or npm install ``` 开发运行 ```bash pnpm dev or npm run dev ``` 打包 ```bash pnpm build or npm run build ``` 预览 ```bash pnpm preview or npm run preview ``` > 项目思路来源于 ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2024-present log1997