老虎機slot Machine-小程序營銷組件sol-weapp（二）

前言

小程序營銷組件全面升級，添加說明文檔，優化代碼，讓開發變得更簡單。

Sol Weapp 🎉

Sol Weapp 是一套簡單、易用、業務化的商城營銷組件庫。

預覽

掃描下方小程序二維碼體驗示例：

開始之前 😊

使用 Sol Weapp 前，請確保你閱讀過微信官方的 小程序簡易教程 和自定義組件介紹 。

使用

下載 GitHub Sol Weapp 的代碼，然後將 dist/ 目錄下你需要的組件拷貝到你的組件目錄下

git clone https://github.com/sunnie1992/sol-weapp.git 

老虎機

點擊開始，表現出滾動效果，停止彈射效果的動畫效果，隨機產生三個滾輪停止對應位置，從 1 開始。
開發者可根據自身需求修改組件。

引入

{
  "navigationBarTitleText": "老虎機",
  "usingComponents": {
    "sol-slot-machine": "/dist/slot-machine/index"
  }
}

使用

<sol-slot-machine result="{{result}}" id="sol-slot-machine" bind:finish="doFinish" />
// 通過調用組件開始方法開始動畫效果
this.selectComponent('#sol-slot-machine').start()

API

參數	類型	描述	默認值
result	Array	滾輪停止對應區域從 1 開始	[2,2,2]
bind:finish	Function	成功後的回調函數	-

效果展示

貢獻代碼

使用過程中發現任何問題都可以提Issue 給我，也非常歡迎 PR 或 Pull Request

交流學習

掃描添加下方的微信並備註 Sol 加交流羣，交流學習，及時獲取代碼最新動態。