基于Vue的九宫格抽奖组件功能实现

lattice-lottery

lattice-lottery 是一个基于vue框架的九宫格抽奖组件。

网络上有很多九宫格抽奖组件的代码,这里分享一个基于vue的九宫格抽奖组件,安装即用!

先看下效果图:
基于Vue的九宫格抽奖组件功能实现_第1张图片

上面是用 lattice-lottery 组件开发的九宫格抽奖。

简单的配置和样式重写大大提高了组件自定义,有两种布局方案,一个是九宫格环形一个是九宫格排列。

lottery-grid
基于Vue的九宫格抽奖组件功能实现_第2张图片

lottery-list

基于Vue的九宫格抽奖组件功能实现_第3张图片

组件相关地址

  • 食用文档

  • GitHub

  • npm

原理

主要就是利用定时器setTimeout和递归函数实现的抽奖动画。

有兴趣的可以看下相关代码:传送门

你可能感兴趣的:(九宫格,vue组件,前端九宫格抽奖组件,vue.js,前端,javascript)