Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

AltStyle によって変換されたページ (->オリジナル) /