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

william 发布于2019-08-23 12:25 / 3724人阅读

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

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中引用结构：

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项目地址：https://github.com/o2team/wxa...

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

云服务器 GPU云服务器微信小程序组件微信小程序微信小程序支付微信小程序部署

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98473.html

「前端开发者」如何把握住「微信小程序」这波红利？

摘要：我将上述内容进行简单的整理，来回答标题的提问前端开发者如何把握住微信小程序这波红利迅速掌握微信小程序相关技术。由于前两周一直在老家处理重要事情，虽然朋友圈被「微信小程序」刷爆了，但并没有时间深入了解。昨天回广州之后，第一件事情就是把「微信小程序」相关的文章、开发文档、设计规范全部看了一遍，基本上明白了「微信小程序」是怎么回事，我关注的公众号都很看好「微信小程序」的前景。作为一个「...

wendux 2019-08-20 11:20 评论0 收藏0
☀️苏州程序大白一文教你学会微信小程序开发☀️《❤️记得收藏❤️》

☀️苏州程序大白一文教你学会微信小程序开发☀️《❤️记得收藏❤️》目录 ?️‍?开讲啦！！！！?️‍?苏州程序大白?️‍??博主介绍?前言?讲讲专享小程序有什么优势？ ?小程序文件分析?事件绑定?图片问题?轮播图swiper?自定义组件?生命周期?页面生命周期?项目制作?缓冲事件?`es7 async`语法 ?触底事件❄️下拉刷新页面❄️css省略号❄️预览大图❄️购物车模拟❄️获取地...

刘明 2021-09-27 13:36 评论0 收藏0