小程序組件庫開發之抽獎遊戲組件

筆者在之前寫了一篇關於小程序抽獎遊戲組件的文章，當時的設計比較粗糙，組件的可複用性也不是很好，這裏筆者新開發了一個抽獎小遊戲組件，表現形式上和可複用性上都相對之前有了不小的提升。
讀者朋友可以先看一下實際的表現形式：

小程序提供的動畫實在是太難用，爲了保證抽獎動畫的連貫性，每一列實際上放了至少三個連在一起的圖片，按照abc,bca,cab的順序依次排放，每列放置兩張，當一張圖片移動完畢後，回到另外那張圖身後，緊跟着接着移動，構成連續的動畫效果。
引用效果如下：

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

hasResult: Boolean,設置是否產生了中獎結果，用於控制動畫的結束。
isWinPrize:Boolean,設置是否中獎，用於控制抽獎動畫的停止結果。
getResult: 點擊抽獎後，會觸發這個事件，可以在這個事件裏調用抽獎接口，以及控制抽獎動畫的結束。
該抽獎組件的詳情代碼鏈接：
github抽獎遊戲組件源碼
該組件是筆者寫的一個小程序組件庫的一部分，感興趣的讀者可以給個star，歡迎一起來完善。

---

歡迎關注博主——小聖賢君，有問題可以留言哦~