All Projects → hanxiansen → Hanshan Lottery

hanxiansen / Hanshan Lottery

An amazing lottery app created for the world

Labels

Projects that are alternatives of or similar to Hanshan Lottery

Qmlcore
QML to Javascript/HTML5 translator, both for mobile and desktop targets
Stars: ✭ 258 (-15.41%)
Mutual labels:  html5
Zx Editor
The HTML document (rich text) editor in Smart phone browser or webview, supporting mixed layout, reference, headline, unordered list, font color, bold and italics. 移动端HTML文档(富文本)编辑器,支持图文混排、引用、大标题、无序列表,字体颜色、加粗、斜体
Stars: ✭ 292 (-4.26%)
Mutual labels:  html5
Redom
Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.
Stars: ✭ 3,123 (+923.93%)
Mutual labels:  html5
Theme Ad
🔨 Art design theme for write and show.
Stars: ✭ 262 (-14.1%)
Mutual labels:  html5
Html5 Asteroids
Pure Javascript Asteroids
Stars: ✭ 287 (-5.9%)
Mutual labels:  html5
Vue Electron Music
vue、electron纯前端技术制作网易云音乐客户端
Stars: ✭ 296 (-2.95%)
Mutual labels:  html5
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+867.54%)
Mutual labels:  html5
Html5 validators
A gem/plugin for Rails 3, Rails 4, Rails 5, and Rails 6 that enables client-side validation using ActiveModel + HTML5 Form Validation
Stars: ✭ 302 (-0.98%)
Mutual labels:  html5
Flextable
table farming
Stars: ✭ 288 (-5.57%)
Mutual labels:  html5
Hstardoc
My blogs write with markdown.
Stars: ✭ 297 (-2.62%)
Mutual labels:  html5
Dynamic effect
平时练习的一些前端动效,基于HTML5,CSS3,Canvas,Svg
Stars: ✭ 264 (-13.44%)
Mutual labels:  html5
Html Css
Curso de HTML5 e CSS3
Stars: ✭ 4,917 (+1512.13%)
Mutual labels:  html5
Jianshu
仿简书nx+nodejs+nestjs6+express+mongodb+angular8+爬虫
Stars: ✭ 296 (-2.95%)
Mutual labels:  html5
Myflix
Myflix, a Netflix clone!
Stars: ✭ 260 (-14.75%)
Mutual labels:  html5
M.css
A no-nonsense, no-JavaScript CSS framework and Pelican theme for content-oriented websites
Stars: ✭ 296 (-2.95%)
Mutual labels:  html5
Front Ui
😄 🎨 Collect some front-end special effects (收集一些前端特效)
Stars: ✭ 259 (-15.08%)
Mutual labels:  html5
Formdata
HTML5 `FormData` polyfill for Browsers.
Stars: ✭ 292 (-4.26%)
Mutual labels:  html5
Egerpro
Eger Pro is based on the development of Egret HTML5 4.x game development solutions
Stars: ✭ 303 (-0.66%)
Mutual labels:  html5
T Shirts
The first OpenSource t-shirts (probably)
Stars: ✭ 300 (-1.64%)
Mutual labels:  html5
Greenfield
HTML5 Wayland compositor 🌱
Stars: ✭ 296 (-2.95%)
Mutual labels:  html5

hanshan-lottery

特点

  • 原创开发
  • 中国风十足
  • 绿色应用,开箱即用,暂时没有那么多花里胡哨的项目架构

运行

$ git clone https://github.com/hanxiansen/hanshan-lottery.git
$ cd hanshan-lottery
$ npm install
$ npm start

或者直接clone下来,双击打开index.html就可以了

抽奖

  1. 运行项目
  2. 一、二、三、纪念奖对应1、2、3、4按键,抽奖前选择对应的奖项
  3. 点击开始抽奖按钮(或space空格键) —> 按钮显示可以抽奖了 —> 再点击抽奖按钮(或space空格键) —> 显示中奖人员

注意

  1. logo上的文字所用字体为【文鼎习字体】

后记

项目是在2016年年底给公司做的年会抽奖项目,自豪的采用jquery和原生js开发,用时一个月独立开发而成,想当年,那时我还没在项目中使用MVVM框架开发,而是稳妥的采用了jquery这个老朋友,最后在公司年会上因为我们技术部抽的奖比较多而被质疑(虽然项目全都运行在客户端,但是还是敌不过技术原罪,orz...)。这不又快到年关了,莫名的想起了当年开发的这个年会项目,想想应该会有些朋友需要吧,就拿出来给各位老铁抛下砖,希望能有所为,当时开发时还是很用心的,虽然项目代码质量一般,但在产品设计和ui打造方面可是倾注了我很多心血滴,所以希望各位江湖朋友看到写的烂的地方时请理性指正,还望不要喷人。 最后还希望各位能多提点意见,多多star、fork,如果star的人比较多,我会继续完善和升级这个项目,你的关注是我前进的动力,哈哈哈哈。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].