老虎机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 加交流群，交流学习，及时获取代码最新动态。