微信小程序营销组件wxapp-market

发布时间:2019-06-19 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了微信小程序营销组件wxapp-market脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

wxapp-market 是基于微信小程序营销组件,用于快速开发营销玩法类小程序项目页面,包含大转盘、刮刮乐、老虎机、水果机、九宫格翻纸牌、摇一摇、手势解锁等多种营销组件。

使用

1.拉取仓库

gIT clone git@github.com:o2team/wxapp-market.git

2.组件文件

  • 大转盘 (Big wheel) : /components/wheel/
  • 刮刮乐 (Scratch tickets) : /components/scratch/
  • 老虎机 (Slot machine) : /components/slotMachine/
  • 水果机 (Fruit machine) : /components/fruitMachine/
  • 九宫格翻纸牌 (Grid card) : /components/card/
  • 摇一摇 (Shake) : /components/shake/
  • 手势解锁 (Gesture lock) : /components/lock/

3.调用
以大转盘组件为例

WXSS中引用样式:

@import "../../components/wheel/wheel.wxss"

WXML中引用结构:

<import src="../../components/wheel/wheel.wxML"/>

JS中引用:

import Wheel From "../../components/wheel/wheel.js"

JS中实例调用:

  new Wheel(this,{
    areaNumber: 8,   //抽奖间隔
    speed: 16,       //转动速度
    AWARDNumer: 2,   //中奖区域从1开始
    mode: 1,         //1是指针旋转,2为转盘旋转
    callback: (idx, award) => {      //结束回调, 参数对应宫格索引,对应奖项    
    }
  })

运行效果:

大转盘

微信小程序营销组件wxapp-market


老虎机

微信小程序营销组件wxapp-market


水果机

微信小程序营销组件wxapp-market


九宫格翻纸牌

微信小程序营销组件wxapp-market


摇一摇

微信小程序营销组件wxapp-market


手势解锁

微信小程序营销组件wxapp-market


刮刮乐

微信小程序营销组件wxapp-market

其他

wxapp-market项目地址:https://github.com/o2team/wxa...

【小程序推荐】百科知识词典

微信小程序营销组件wxapp-market

脚本宝典总结

以上是脚本宝典为你收集整理的微信小程序营销组件wxapp-market全部内容,希望文章能够帮你解决微信小程序营销组件wxapp-market所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。