老虎機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 加交流羣，交流學習，及時獲取代碼最新動態。