0
点赞
收藏
分享

微信扫一扫

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

黎轩的闲暇时光 2022-02-11 阅读 53

lattice-lottery

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

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

先看下效果图:
在这里插入图片描述

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

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

lottery-grid
在这里插入图片描述

lottery-list

在这里插入图片描述

组件相关地址

  • 食用文档

  • GitHub

  • npm

原理

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

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

举报

相关推荐

0 条评论