精选资源网 logo 精选资源网

年会抽奖 vue源码

资料类别:源码下载 下载次数:78 更新日期:2025-12-08 16:18

配置参与人员

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

若想直接以打开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/访问

通过网盘分享的文件:年会抽奖vue.zip 链接: https://pan.baidu.com/s/1aCFqeTMCOyFEHyq0lwCU2w

郑重声明:

1. 如需转载本站文章,请务必保留文章的原文链接,感谢您的支持!

2. 知识产权与侵权处理:本站所有资源来源于互联网收集整理,我们不参与制作。资源的全部知识产权归原作者所有。若本站内容侵犯了您的合法权益,请立即联系我们,我们将及时核实并删除。

3. 内容鉴别提示:本站发布的资源可能包含原作者设置的水印或引流信息,请用户保持谨慎,自行鉴别内容的真实性和适用性。

4. 使用限制与后果:本站资源仅供用户**个人研究和学习交流**之用,严禁用于任何商业目的。如需商业用途,请务必购买正版授权,否则产生的一切法律后果由下载用户自行承担。