資訊專欄INFORMATION COLUMN
摘要：是基于微信小程序的營(yíng)銷組件，用于快速開發(fā)營(yíng)銷玩法類小程序項(xiàng)目頁(yè)面，包含大轉(zhuǎn)盤刮刮樂老虎機(jī)水果機(jī)九宮格翻紙牌搖一搖手勢(shì)解鎖等多種營(yíng)銷組件。
wxapp-market 是基于微信小程序的營(yíng)銷組件，用于快速開發(fā)營(yíng)銷玩法類小程序項(xiàng)目頁(yè)面，包含大轉(zhuǎn)盤、刮刮樂、老虎機(jī)、水果機(jī)、九宮格翻紙牌、搖一搖、手勢(shì)解鎖等多種營(yíng)銷組件。
使用1.拉取倉(cāng)庫(kù)
git clone git@github.com:o2team/wxapp-market.git
2.組件文件
大轉(zhuǎn)盤 (Big wheel) : /components/wheel/
刮刮樂 (Scratch tickets) : /components/scratch/
老虎機(jī) (Slot machine) : /components/slotMachine/
水果機(jī) (Fruit machine) : /components/fruitMachine/
九宮格翻紙牌 (Grid card) : /components/card/
搖一搖 (Shake) : /components/shake/
手勢(shì)解鎖 (Gesture lock) : /components/lock/
3.調(diào)用
以大轉(zhuǎn)盤組件為例
WXSS中引用樣式：
@import "../../components/wheel/wheel.wxss"
WXML中引用結(jié)構(gòu)：
JS中引用：
import Wheel from "../../components/wheel/wheel.js"
JS中實(shí)例調(diào)用：
new Wheel(this,{
areaNumber: 8, //抽獎(jiǎng)間隔
speed: 16, //轉(zhuǎn)動(dòng)速度
awardNumer: 2, //中獎(jiǎng)區(qū)域從1開始
mode: 1, //1是指針旋轉(zhuǎn)，2為轉(zhuǎn)盤旋轉(zhuǎn)
callback: (idx, award) => { //結(jié)束回調(diào)， 參數(shù)對(duì)應(yīng)宮格索引，對(duì)應(yīng)獎(jiǎng)項(xiàng)
}
})
運(yùn)行效果：
大轉(zhuǎn)盤
老虎機(jī)
水果機(jī)
九宮格翻紙牌
搖一搖
手勢(shì)解鎖
刮刮樂
wxapp-market項(xiàng)目地址：https://github.com/o2team/wxa...
【小程序推薦】百科知識(shí)詞典文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/98473.html
摘要：我將上述內(nèi)容進(jìn)行簡(jiǎn)單的整理，來(lái)回答標(biāo)題的提問前端開發(fā)者如何把握住微信小程序這波紅利迅速掌握微信小程序相關(guān)技術(shù)。 由于前兩周一直在老家處理重要事情，雖然朋友圈被「微信小程序」刷爆了，但并沒有時(shí)間深入了解。 昨天回廣州之后，第一件事情就是把「微信小程序」相關(guān)的文章、開發(fā)文檔、設(shè)計(jì)規(guī)范全部看了一遍，基本上明白了「微信小程序」是怎么回事，我關(guān)注的公眾號(hào)都很看好「微信小程序」的前景。 作為一個(gè)「...
??蘇州程序大白一文教你學(xué)會(huì)微信小程序開發(fā)??《??記得收藏??》 目錄 ????開講啦?。。。????蘇州程序大白?????博主介紹?前言?講講專享小程序有什么優(yōu)勢(shì)？ ?小程序文件分析?事件綁定?圖片問題?輪播圖swiper?自定義組件?生命周期?頁(yè)面生命周期?項(xiàng)目制作?緩沖事件?`es7 async`語(yǔ)法 ?觸底事件??下拉刷新頁(yè)面??css省略號(hào)??預(yù)覽大圖??購(gòu)物車模擬??獲取地...
閱讀 2216·2021-10-08 10:15
閱讀 1262·2019-08-30 15:52
閱讀 584·2019-08-30 12:54
閱讀 1607·2019-08-29 15:10
閱讀 2748·2019-08-29 12:44
閱讀 3068·2019-08-29 12:28
閱讀 3418·2019-08-27 10:57
閱讀 2286·2019-08-26 12:24
