共计 714 个字符,预计需要花费 2 分钟才能阅读完成。
前言
小程序营销组件全面升级,添加说明文档,优化代码,让开发变得更简单。
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 加交流群,交流学习,及时获取代码最新动态。
正文完