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

来源：未知 浏览 113次 时间 2021-06-09 06:37

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

使用

1.拉取仓库

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

大转盘 (Big wheel) : /components/wheel/

刮刮乐 (Scratch tickets) : /components/scratch/

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

水果机 (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是指针旋转学习网络营销包含大转盘、刮刮乐、老虎机、水果机、九宫格翻纸牌、摇一摇、手势解锁等多种营销组件。

使用

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) => { //结束回调 参数对应宫格索引对应奖项 } })  

运行效果：

大转盘

标签： componentswheel转盘组件

上一篇: 微信小程序之 云开发初体验--致我的第一个小程序
下一篇: 万字解析小程序（1） 小程序 PK APP = 无解 ，无解搜app下载

热门文章

最新文章

QQ咨询