摘要:是基于微信小程序的營銷組件,用于快速開發營銷玩法類小程序項目頁面,包含大轉盤刮刮樂老虎機水果機九宮格翻紙牌搖一搖手勢解鎖等多種營銷組件。
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...
【小程序推薦】百科知識詞典文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/98473.html
摘要:我將上述內容進行簡單的整理,來回答標題的提問前端開發者如何把握住微信小程序這波紅利迅速掌握微信小程序相關技術。 由于前兩周一直在老家處理重要事情,雖然朋友圈被「微信小程序」刷爆了,但并沒有時間深入了解。 昨天回廣州之后,第一件事情就是把「微信小程序」相關的文章、開發文檔、設計規范全部看了一遍,基本上明白了「微信小程序」是怎么回事,我關注的公眾號都很看好「微信小程序」的前景。 作為一個「...
??蘇州程序大白一文教你學會微信小程序開發??《??記得收藏??》 目錄 ????開講啦!?。?!????蘇州程序大白?????博主介紹?前言?講講專享小程序有什么優勢? ?小程序文件分析?事件綁定?圖片問題?輪播圖swiper?自定義組件?生命周期?頁面生命周期?項目制作?緩沖事件?`es7 async`語法 ?觸底事件??下拉刷新頁面??css省略號??預覽大圖??購物車模擬??獲取地...
閱讀 2155·2021-10-08 10:15
閱讀 1185·2019-08-30 15:52
閱讀 514·2019-08-30 12:54
閱讀 1531·2019-08-29 15:10
閱讀 2682·2019-08-29 12:44
閱讀 3008·2019-08-29 12:28
閱讀 3348·2019-08-27 10:57
閱讀 2212·2019-08-26 12:24