Skip to content

ESnail/turntable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

转盘抽奖

转盘抽奖,在 h5 页面中还是比较常见的,并且用 css+js,vue,react 分别实现了。

页面截图(vue、react)

./screenshot/turntable.png

vue、react 实现的效果一致,只是运用了不同的框架。其中 vue 实现的已经应用于实际,而 react 实现的算是“练手”。

页面截图(css+js)

./screenshot/turntable-css-js.png

用 css 布局实现转盘效果,包括闪烁的灯、转盘、指针等,没有应用任何图片,js 实现抽奖效果。目的是练习自己的基本功,css布局 + 原生js的能力。

项目预览

  1. vue 版
  2. css + 原生 js
  3. react 版

About

h5 - 转盘抽奖

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published