All Projects → landluck → Lucky_wheel

landluck / Lucky_wheel

vue 实现的抽奖大转盘,奖项个数可配置

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Lucky wheel

Vue Cli Plugins
🔌 A collection of Vuetify plugins for Vue CLI
Stars: ✭ 381 (-28.79%)
Mutual labels:  vue-cli
Netease yanxuan
vue版网易严选,体验网易严选购物流程,线上访问:http://zhaoboy.bid/yanxuan/#/
Stars: ✭ 417 (-22.06%)
Mutual labels:  vue-cli
Vue2 Calendar
vue 2.x calendar component
Stars: ✭ 477 (-10.84%)
Mutual labels:  vue-cli
Vue2
【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。
Stars: ✭ 395 (-26.17%)
Mutual labels:  vue-cli
Savuegram
A simple social media web app built with Vue.js and Firebase's Cloud Firestore as a way to teach people how to build a real-world app using the two technologies. Follow along with our tutorial.
Stars: ✭ 412 (-22.99%)
Mutual labels:  vue-cli
One
基于Spring Boot和Vue2开发的前后端分离的后台管理系统
Stars: ✭ 426 (-20.37%)
Mutual labels:  vue-cli
Lulumi Browser
Lulumi-browser is a lightweight browser coded with Vue.js 2 and Electron.
Stars: ✭ 367 (-31.4%)
Mutual labels:  vue-cli
Iview
admin template based on Vue CLI 3 & iView. 基于 Vue CLI 3 + iView 的 Vue.js 后台管理系统。
Stars: ✭ 485 (-9.35%)
Mutual labels:  vue-cli
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (-22.43%)
Mutual labels:  vue-cli
Douban
Douban book website demo by server side render
Stars: ✭ 468 (-12.52%)
Mutual labels:  vue-cli
Vue Material Dashboard
Vue Material Dashboard - Open Source Material Design Admin
Stars: ✭ 403 (-24.67%)
Mutual labels:  vue-cli
Electron Filesystem
FileSystem for windows
Stars: ✭ 409 (-23.55%)
Mutual labels:  vue-cli
Cookiecutter Django Vue
Cookiecutter Django Vue is a template for Django-Vue projects.
Stars: ✭ 462 (-13.64%)
Mutual labels:  vue-cli
Blog
一个go、echo、vue 开发的快速、简洁、美观、前后端分离的个人博客系统(blog)、也可方便二次开发为CMS(内容管理系统)和各种企业门户网站
Stars: ✭ 388 (-27.48%)
Mutual labels:  vue-cli
Vue Develop Template
A Vue.js template that can support more than 100 thousand lines of code in our business, I hope it can help you too~
Stars: ✭ 481 (-10.09%)
Mutual labels:  vue-cli
Vue Framework Wz
👏vue后台管理框架👏
Stars: ✭ 3,757 (+602.24%)
Mutual labels:  vue-cli
Vue2 blog
使用vue2.x + vue-cli +vue-router+ vuex + axios + mysql + express + pm2 + webpack+nginx构建的具有登录,注册,留言,用户发帖,用户评论等功能的SPA Blog。注意,注意,注意,后端API全部自己手写,很适合刚学习vue以及express的小伙伴学习,喜欢请Star鼓励一下我,谢谢!项目预览:
Stars: ✭ 417 (-22.06%)
Mutual labels:  vue-cli
Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (-7.1%)
Mutual labels:  vue-cli
Vuetify Admin Dashboard
A Crud Admin panel made from Vue js and Vuetify
Stars: ✭ 481 (-10.09%)
Mutual labels:  vue-cli
Vue2 News
基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条(移动端)
Stars: ✭ 462 (-13.64%)
Mutual labels:  vue-cli

lucky_wheel

使用 vue 开发的一个简单转盘,支持奖项动态配置

介绍

这个项目是很久以前的一个简单demo,只提供了简单的旋转逻辑和奖项位置的动态计算,样式布局使用的是绝对单位,使用者根据自身情况调整,这里默认采用的是八个奖项的转盘背景,使用者如果需要改变奖项数量,请更换转盘背景图片

预览

线上预览地址

使用

# 克隆到本地
git clone https://github.com/landluck/lucky_wheel.git

# 进入文件夹
cd lucky_wheel

# 安装依赖
npm install

# 开启本地服务器localhost:8088
npm run dev

# 发布环境
npm run build


#然后静待你的浏览器打开一个网页,按F12 进入手机模拟器,查看效果最佳(推荐chrome浏览器,前端开发者的必备)

赞赏

如果这个项目对你有所帮助的话,请点个赞,鼓励一下作者吧

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].