2024-01-24 23:01:59 +08:00
2024-01-11 00:11:27 +08:00
2024-01-13 09:41:42 +08:00
2024-01-02 21:50:01 +08:00
2024-01-02 21:50:01 +08:00
2024-01-20 00:09:04 +08:00
2024-01-13 00:27:44 +08:00
2024-01-02 21:50:01 +08:00
2024-01-09 01:03:42 +08:00
2024-01-02 21:50:01 +08:00
2024-01-02 21:50:01 +08:00
2024-01-02 21:50:01 +08:00
2024-01-17 15:12:54 +08:00
2024-01-11 00:11:27 +08:00
2024-01-02 21:50:01 +08:00
2024-01-16 22:51:45 +08:00
2024-01-17 11:07:50 +08:00
2024-01-02 21:50:01 +08:00
2024-01-02 21:50:01 +08:00
2024-01-10 00:52:34 +08:00

log-lottery 🚀🚀🚀🚀

MIT github vue3

log-lottery是一个可配置可定制化的抽奖应用炫酷3D球体可用于年会抽奖等活动支持奖品、人员、界面、图片音乐配置。

要求

使用PC端最新版Chrome或Edge浏览器。

访问地址:

https://24years.top/log-lottery

or

https://log1997.github.io/log-lottery/

功能描述

  • 🕍 炫酷3D球体年会抽奖必备开箱即用
  • 🧿 持久化存储,数据不丢失
  • 🎁 奖品奖项配置
  • 👱 抽奖名单设置管理
  • 🛞 界面信息自定义
  • 🎼 播放背景音乐
  • 💾 图片、背景音乐管理,使用本地存储,有默认资源可直接使用
  • 🖼️ excel表格导入人员名单、抽奖结果使用excel导出
  • 🎈 可增加临时抽奖

详细介绍

配置参与人员

于人员配置管理界面下载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

Description
No description provided
Readme MIT 26 MiB
Languages
TypeScript 44.4%
Vue 41.3%
CSS 6.3%
SCSS 3%
JavaScript 2.8%
Other 2.1%