小程序组件库开发之抽奖游戏组件

笔者在之前写了一篇关于小程序抽奖游戏组件的文章，当时的设计比较粗糙，组件的可复用性也不是很好，这里笔者新开发了一个抽奖小游戏组件，表现形式上和可复用性上都相对之前有了不小的提升。
读者朋友可以先看一下实际的表现形式：

小程序提供的动画实在是太难用，为了保证抽奖动画的连贯性，每一列实际上放了至少三个连在一起的图片，按照abc,bca,cab的顺序依次排放，每列放置两张，当一张图片移动完毕后，回到另外那张图身后，紧跟着接着移动，构成连续的动画效果。
引用效果如下：

<luck-draw hasResult="{{hasResult}}" isWinPrize="{{isWinPrize}}" bind:getResult="handleLuckDraw"></luck-draw>

hasResult: Boolean,设置是否产生了中奖结果，用于控制动画的结束。
isWinPrize:Boolean,设置是否中奖，用于控制抽奖动画的停止结果。
getResult: 点击抽奖后，会触发这个事件，可以在这个事件里调用抽奖接口，以及控制抽奖动画的结束。
该抽奖组件的详情代码链接：
github抽奖游戏组件源码
该组件是笔者写的一个小程序组件库的一部分，感兴趣的读者可以给个star，欢迎一起来完善。

---

欢迎关注博主——小圣贤君，有问题可以留言哦~