字节青训营项目——掘金抽奖汇报文档

330 阅读1分钟

仿掘金抽奖项目

项目地址

github.com/yl-199807/l…

后端接口地址:

github.com/yl-199807/l…

开发人员

依轩

修订记录

版本时间修改内容
v 1.0.020210901提交第一版
v 1.1.020210905增加node后端接口

开发计划

20210903前完成基础版 20210915前完成进阶版

设计说明

技术栈

VUE+ElementUI+node

功能模块

  • 抽奖页面
  • 显示历史奖品
  • 矿石机制
  • 可配置奖品
  • 可配置中奖概率
  • node后端查询奖品接口

项目预览

掘金抽奖.gif 奖品接口请求成功则控制台输出数据来源,请求失败则使用静态数据并控制台输出,保证页面不白屏

使用手册

  1. 点击抽奖 image.png 消耗矿石,轮盘开始旋转,如果矿石不够信息显示

  2. 轮盘旋转结束,信息提示获取xx奖品,并在历史奖品中显示 image.png

项目亮点

  • 页面自适应
  • 可配置概率
  • 后端查询奖品,查询失败使用静态数据