还在微信群发红包？用这款小程序，发起一个有趣的抽奖吧！
日12时25分来源：
小程序体验师：陈丹阳在微信群发福利，除了红包之外，貌似就没有别的选择了？才不是呢！今天，「知晓程序」就为你推荐一款群抽奖小程序——小抽奖，让发福利变得更简单、可控！
关注「知晓程序」公众号，微信后台回复「0109」，一张图教你玩转小程序。
打开「小抽奖」，可以看到底部有两个标签，分别是「发布」和「我的」。点击「发布」，再选择「满额抽奖」或「即开即奖」的抽奖方式，就可以进入抽奖信息界面了。无论是「满额抽奖」还是「即开即奖」，你只需输入必要的抽奖主题、奖品设置和发起人手机就可以了。奖品照片、抽奖描述和主办方二维码，都属于扩展信息，这些信息可以使发布抽奖的内容更加完善。不同的是，对于「满额抽奖」，你需要输入满额开奖的人数，当参与人数到达限额后，再等待五分钟，就会自动开奖。当然，如果人数不齐，三天之后也会开奖的，不必担心发起了一个无效抽奖。对于「即开即奖」，则需要设置抽奖截止时间，并指定不同奖品的获奖概率。「即开即奖」可以省去相对漫长的等待。具体使用哪种抽奖方式就需看发起者的需要了。编辑完一个抽奖之后，可以先点击「发布预览」检查发布内容是否还有需要地方。如果没有问题，再点击「确认发布」，通过右上角「分享」，就可以非常方便地将「抽奖」分享给他人了。过程是不是很简单？不过值得注意的是，抽奖发起人是不能参与自己发布的抽奖的哦。如何想要查看与自己相关抽奖信息，该怎么做呢？方法同样很简单。点击「我的」界面中的「我发布的」、「我中奖的」和「我参与的」，就可以找到曾经参与或发布的「抽奖」。点击某一个具体的「抽奖」，就能查看相关「抽奖详情」了。在「抽奖详情」中，你可以看到抽奖参与人、自己的获奖状态和获奖人信息。此外，「小抽奖」还有针对线下实体奖品的邮寄功能。如果你是抽奖发起人，直接点击「我要发货」就可以查看用户曾经填写的「邮寄地址」了。除了可以实现真实的线上抽奖，小抽奖还适用于：
微信群内福利发放：可以通过「小抽奖」，找出群中最幸运成员，发放福利。
微信群内抽签：你是否遇到参加某个活动，群成员都不积极的时候？这时就可以通过「小抽奖」，抽签选出参加人选。
更多应用场景还需抽奖发起人根据需求，脑洞大开。总之，「小抽奖」的抽奖功能，可以很好的弥补微信群功能的欠缺。好了，说了这么多，这款抽奖小程序「小抽奖」，是否让你心动了呢？马上来体验，感受开奖带来的惊喜吧！关注「知晓程序」公众号，在微信后台回复「购物」，获取更多购物类小程序推荐。▽ 点击「阅读原文」，发现更多优质小程序。史上最全的微信小程序引流和盈利模式
你所在的位置: >
史上最全的微信小程序引流和盈利模式
日期：阅读量：作者:销客多来源:www.xiaokeduo.com
&&&&小程序好比是一张入场券!你做了，就可以进入到微信流量共享圈，否则就跟你无缘!现在谁不用微信?如果你不用，你的对手在用，微信就会助力对手抢走本属于你的客流!
小程序好比是一张入场券!你做了，就可以进入到微信流量共享圈，否则就跟你无缘!现在谁不用微信?如果你不用，你的对手在用，微信就会助力对手抢走本属于你的客流!
1、小程序的红利期
现在是属于&轻应用时代&，这一趋势会随着微信小程序的拓展，变得更加清晰。「轻型应用」是互联网下一次机会浪潮的开端。但较之于此前的移动互联网时代，这个领域的变革不再只由硬件和系统级厂商所主导，头部的 App 巨头扮演着更为积极与重要的角色。
整个 2017 年，微信针对小程序做了大量更新，已累计开放 40 多个入口。小程序的能力版图趋于完整，进入 2018 年，微信或将对小程序能力进行整合，比如，2017 年 12 月 28 日，微信下拉任务栏功能开启后，旋即取消了小程序置顶等 2 个小入口。
所以随着小程序的成熟，微信体内的各入口将全面转入小程序形态。
2、微信小程序都有哪些创业新机会?
在展示新创业机会之前，我们得要重新审视两点：
1、小程序不能照搬公众号的思路。
因为同属于微信这个圈子，所以很多人想当然地将小程序当作一种新型的公众号，认为做公众号的那一套方法，移植到小程序上面应该也差不多。其实这种想法是不恰当的。当然，小程序可以借助公众号这个已经成熟的自媒体生态获取用户，但如果完全用公众号的思路进行思考，是走不通的。
2、不要把小程序当作Web App。
小程序是完全基于微信生态的产品，所以它无论在UI设计上还是在功能上，都和微信本身紧密结合。所以在开发和运营时，都要首先从微信这个大环境的角度出发。它可以是一个只有某项核心功能的简化版App，也可以是一个解决用户临时需求的小工具。但无论如何，它都是基于微信而生的。
说完这两点，我们继续来讲讲小程序的新机遇在哪里?
1848年，当美国的西进运动推进到加利福尼亚，人们在这里发现了金矿。消息立刻引起全世界的轰动，并迅速形成规模空前的淘金热。成千上万来自北美、欧洲及天涯海角的人参与到了这场轰轰烈烈的淘金热中，他们大致可以分为三类人：
筑路者，即最开始提供基础设施的探索者，他们为其他人提供到达金矿的能力;
送水人，即为淘金热提供基本服务的人，他们是淘金热得以持续的保障;
掘金者，即真正挖矿淘金的人，他们是整个淘金热最主要的参与者。
微信作为东家自然是&天字第一号&筑路者，他提供了这样一个开发平台;对于小程序来说，做这个领域配套服务的都可以被称为送水人，包括开发者、培训者、做SEO的、做数据分析的、做媒体的、做社群的等;小程序市场的掘金者即作为应用流进入到小程序领域的创业者。
所以，基于此，我觉得现在以及未来的小程序有三点机遇：
所谓的新交互，是指跟原来不一样的玩法，比如说基于群的互动和娱乐。
它不仅仅是用群的方式获取群的流量红利，更多的是基于这种群的关系去开发出更多适合群的场景的玩法出来。它将会是最新且变异量最大的一种。
尤记得在号小程序上线发布会上，张小龙举了一个例子，大意就是几个喜欢看球的男生，建了一个微信群，小程序的窗口可以浮在群聊之上，在小程序里面播放视频并实时显示比分，在群里则大家讨论的热火朝天，甚至可以玩一些&押注&的小游戏，这样的场景可能会有很多，比如女生一起拉个群看综艺，或者一起拉个群线上K歌等等。互联网最性感的地方，就在于能在线还原生活中的场景，并且门槛更低，体验更好。
2018年，小程序的新交互方式给我展示了这个可能性其实是爆发式的。诸如头脑王者、各种吃鸡游戏、猜歌达人等都是为场景化而生，这种新型的交互方式门槛低，用户精准，在产品有足够的谈资和趣味性很容易在圈子里面引起大家的热议。
小程序出来之后，极大地降低了生产门槛。以前对大量的没有媒体能力的人来讲，是不可能生成公众号的，但是现在如果让他们去利用小程序做一个小店铺，是可行的。
所以现在有些人，专注到中老年市场、农村市场的有服务能力的人群，比如果农，可以很方便地生成自己的店铺并上架商品，这个就是新人群的一种。甚至更简单的，每天为中老年的女性用户推送一条养生相关的视频或者音频，也能快速的实现用户增长。
移动端长图文内容编辑器美篇去年九月至今刚上线不久，排名就以火箭之势飞数上升&&在阿拉丁统计平台公布的小程序榜单&小程序新增榜&、&小程序上升榜&及&小程序工具榜&中，稳坐第一宝座，更是在双11电商一片红火的时候，晋级总榜前十。
美篇内容的自传播性体现在：教师们会把学校里发生的事情分享给家长群，公务员把外出调研的报告展现给领导和同事，摄影爱好者乐于将旅行生活中的美景和故事分享给朋友。美篇为这些人提供了门槛极低的内容创作工具;大多数文章的传播范围虽然并不会超过创作者的个人圈子，但是大量的自传播导致美篇在2年推广零成本的情况下获得了2500万用户。
手机软件太多，内存太大&&用户们面对一个陌生的软件难免有使用内存方面的考虑，且来回切换APP也会对用户的使用体验产生&分割感&。美篇所开发的小程序正好解决了问题。小程序占内存小，用户下载只需要几秒钟，这比下载一个App要轻量得多，美篇小程序让更多用户花最低成本就能体验美篇最核心的&图文创作&功能;如果用户有更深入的需求，下载App也是水到渠成的事。
中老年用户只需打开微信并点击美篇小程序，就可以PASS掉用户下载的纠结决定及等待过程，整个过程对他们来说也是十分友好的&&美篇在微信小程序上就能打开，无需安装;不仅有完整性的体验，还能直接分享到朋友圈，联系好友讨论，也可以直接在微信公众号里获取更多实用的技能与灵感启发。这一切正在赋予作为内容生产者的中老年用户更多的交互能力，满足他们的社交需求。
小程序上线初始，主推的就是&location&属性，赋能线下商家在线触达其用户。小程序是网站或者APP的话，二维码就像他们的网址或者APP链接。在此之前，从来没有如此低门槛低成本的解决方案。比如对一个包子馒头店的老板，可以通过&个人号+群+小程序&的形式，持续耕耘好自己的一亩三分地。在这个形态中，可能存在帮助线下商家更好地用好&微信能量&的机会。
零售的本质是人和商品，以前的零售，无论是线下零售还是线上网店，除了商品本身，都有自己的客户，但客户是不融合互通的，所以呈现线性增长。新零售的核心就是线上线下互通融合，随着线上线下完全融合，线上客户与线下客户形成叠加和交叉，形成指数级的效应。小程序作为连接线下的最佳工具，将成为新零售时代，线下门店拥有&线上店&最简便和最佳的方式。
3、新上线一个微信小程序该如何推广?
我将小程序推广分为以下三大类：
1、产品化推广
2、运营推广(活动)
3、微信自有入口
1、产品化推广
我将以新型电商拼多多为例子，给大家讲讲如何进行产品化推广?
产品化推广是指通过产品化机制，引导用户用远低于市场化拉新的成本，为平台拉来新用户，实现用户持续地规模性增长。产品化拉新，在实现方式上其实也可以叫&社群化拉新&，因为是希望撬动用户来为平台带来新客，更通俗的说法，应该是&老带新&，让老用户帮平台拉来新用户。
拼多多岁成立才两年，但其增长速度十分惊人，2018年开年其GMV就已达到匪夷所思的400亿。那么拼多多的客户群为什么能增长的那么快?
这个是拼多多的小程序首页以及整理出来的关于用户增长的产品机制设计：
不管是拼多多的App还是小程序上，我们都可以看到这个公司的基因就是分享 ，因为首页的功能模块，过半都和分享有关。
而作为很多小程序刚入局者，完全可以把自己的产品给&电商化&，依托产品机制的设计，先把自己的产品散发着&自传播&的因子。比如现在很多的知识付费已经电商化。
1)比如自客的小灯塔社区，利用小程序本身具备的二维码参数属性，进行渠道分销，生成宣传海报(链接)进行分销，让自家的活动增加自传播性。
2)又比如礼物说的&新型送礼物&方式：在礼物说挑选礼物，然后以线上打包的方式送至接收人。
3)再比如纪念碑谷2案例：以小程序轻量级应用推广尝试体验，里面以故事性的方式场景进行引导用户下载。
2、运营推广(活动)
小程序上线，如何少得了运营的介入。在这里，我引入格拉德威尔的《引爆点》的流行三法则：个别人物法则、附着力法则以及环境威力法则。
1)个别人物法则
想起凯文凯利在《必然》里面的一句话：未来已来，只是尚未流行;流行产品也是这样，它总是先为我们身边的某一类人所熟知，随后才开始流行。这一类人就是《引爆点》里面所说的三种人格魅力体，它们分别是&内行&、&联络员&、&推销员。具体的我就不在这里做过多展开阐述。而推广小程序特别是小程序的首投放到市场，很需要有行业的大咖、内行来体验我们的产品。这些大咖、行业人/媒体他们热爱社交，他们是人与人之间的连接器，在一个特定的圈子里，几乎所有人都认识他，如果他接受了内行的意见，成了第二个吃螃蟹的人，那么很显然，在那个以他为核心的社交圈可能就会引发一场吃螃蟹的流行。
比如当时的小密圈(现改名为知识星球)产品刚上线那会，一直都是不温不火，但是创始人和冯大辉(互联网圈内知名大V、现无码科技创始人、曾任丁香园的CTO)是好友，冯大辉在小密圈开了一个圈子之后，订阅价是256元，卖出了一万多份，那就是几百万元的进账，有了冯大辉的站台，17年知识星球也火了一波。不仅给知识星球带来了早期一波精准的用户，也带来了一批中小V，可以说早期知识星球就是靠冯的口碑传播。
所以在推广小程序的初期，如何自己圈内&有人&或者可以依靠关系拉来几个大佬站台，那效果可是杠杠地。
2)附着力法则
第二个我们来说说&附着力法则&。这就是要打造有吸引力的活动才是王道。因为除了产品本身的机制设计，还要组合有创意的活动一起推广，而在活动设计方面，需要紧紧抓住用户的底层核心(人性)需求去策划。
比如黑咔相机在今年元旦和春节这两个时点迎来了一波用户的爆炸性增长，从 200万用户到 2000万用户再到发稿时的 1.2亿用户，日活则从20万增长到现在的600万。那他们是如何进行小程序的冷启动的呢?
【活动相关内容】
&&圣诞效果上线;在文章评论+转发文章到朋友圈即可参加抽奖(奖品10份台历)
&&破千万用户，新年福利;分享作品至任意微信群+截图发在公众号即可参加抽奖(奖品20份台历，活动时间4天)
&&送梵高自传;关注公众号+评论本文+发送至朋友圈即可参加抽奖(奖品10份笔记本或贴纸)
&&春节送福利;开放10+款付费效果免费用
&&抽奖活动;分享3个超过10人的微信群+截图发公众号/黑咔小助手就算成功参与活动(奖品为60-200的现金奖励)
把这些玩法总结为：
第1种：评论文章+转发文章到朋友圈，抽奖奖励实物或现金
第2种：分享作品到微信群，抽奖奖励实物或现金
第3种：发布新特效，通知用户赶快尝新
其实黑咔相机团队在进行推广时，都是紧紧抓住用户的贪小便宜心理，进行送福利进行分享转发。
3)环境威力法则
借助&营造良好的传播环境。充分借势节假日、热点事件进行传播。借势是运营人最经常接触的工作，也是我们进行产品推广的关键时刻，所以在进行推广小程序的时候，这个时刻可不要错过。
说到借势，可能我接下来说的这例子可能大家不怎么认为它是一个借势的小程序&&给赞。
在给赞火了之后，很多人都认为他是在海报创新、文案走心和复合人性的体验引爆的，不可否认，这是他火爆的一部分原因。我觉得它的火爆更在于很好地借助微信取消了对于 iOS 用户的赞赏功能之后，公众号作者的收入受到了极大的影响这个背景下引爆的。
去年 4 月份，苹果微信发生打赏之争。苹果要求所有 ios 用户打赏给公众号作者的收入，都要提取 30% 的抽成，不同意这一要求的微信，直接取消了 iOS 用户的赞赏功能，极大地挫伤了公众号作者的创作热情。
而& 给赞 &团队抓住了微信自身的有利信号，通过& 小程序码+海报 &的方式，有效解决了绑定公众号的繁琐程序，直接触达了公众号运营者，无疑是一个很有价值的创新。一个小程序文件本身不大，开发成本也是很低的，如果能够在高频场景占领用户，将有巨大的商业可能。公众号文章底部赞赏功能的缺失，就是一个频次很高的场景，所以给赞火了。
3、微信自有入口推广
1)微信搜索-抢占小程序名称
一个好的名字，一个符合用户搜索习惯的词带来的流量是无法预估的。小程序的名称是唯一的，根据用户的搜索习惯和产品特性，尽早注册符合用户搜索习惯的小程序名称，才更有可能被用户搜索到。
标题命名建议：在保证体现经营业务的前提下，尽量用微信指数更高的关键词进行命名，不要设置过长的小程序名称，其他关键词可到自定义关键词中进行配置。
2)附近的小程序入口
在【附近的小程序】中，小程序会自动展现给周边5公里内的微信用户。用户可以通过小程序就能直接购买服务，或者导航到门店。一个小程序能添加10个地理位置。也就是说，一个小程序，相当于给店铺增加10倍曝光的机会。
3)卡券入口
商家可为小程序设置卡券功能，通过卡券界面，可直接进入小程序。很多用户都喜欢赚便宜，通过卡券为消费者提供实实在在的优惠，促使其打开小程序形成直接的转化。
4)小程序跳转小程序(互推)
小程序之间的相互跳转，不仅是企业服务的互补和完善，也让企业间的小程序得到传播，将每个产品线各做一个小程序，绑定在同一个公众号主体上，互相跳转，互相倒流。
5)APP直接打开小程序
这是APP最新发布的功能，这也是未来很多本身在APP积累一大批精准用户的玩家可以玩的推广方式。
6)公众号内容跳转小程序
商家可在公众号推文内插入文字、图片、小程序卡片，点击直接跳转小程序。此种方式，可以通过符合品牌调性的优质内容引导用户点击小程序，形成&边看边买&的购物场景，实现内容到购买的转化。
7)公众号菜单
商户可以将小程序放置在公众号菜单栏内，将公众号粉丝引导到小程序中。
8)支付后入口
消费者使用微信支付付款后，会收到微信支付推送的支付成功通知，点击&进入商家小程序&，即可进入小程序，形成二次触达。
9)公众号关联小程序推送信息
商户在进行公众号关联小程序时，可选择将关联信息推送给公众号粉丝，粉丝将收到公众号关联小程序通知，点击即可进入关联的小程序。
10)微信群推广输入标题
商家可在粉丝群内推送小程序，让粉丝自主扩散。可引导粉丝分享，然后凭截图领取小礼物，逐步将流量引到小程序。
11)朋友圈小程序码海报
目前，小程序还不能分享到朋友圈，但朋友圈巨大的&熟人流量&仍然是社交分享的最佳阵地。而商家可以将小程序码放在设计精美的海报上，分享到朋友圈，通过吸引人的活动或者设计感的内容进行推广引流。
12)微信钱包入口广告位
微信钱包可以为商户小程序带来巨大流量。但虽然同为付费推广，但也只有深度合作的企业才能有资格进入九宫格。
4、小程序时代已经全面到来，
那现在的小程序都有哪些变现模式?
现在的小程序的广告模式无外乎四种：平台广告收入、平台盈利模式(会员模式，针对B端的可盈利的点有但不限于佣金、买会员拥有特权等)、电商模式以及软广硬广植入。
那接下来我们就具体来看看这些盈利模式现在在小程序都是如何展现：
1、&成语猜猜看&小程序底部出现了&同程旅游&的广告展示，点击广告图片即可到达品牌商的H5页面。
2、&汽车大师问答&与上海通用合作推出了开屏广告。
3、用轮播的形式，在首页上方设置了滚动广告位
其余的比如平台会员模式、小程序跳小程序、电商卖货等盈利模式还得具体看自己的产品属性以及用户群体，挑选适合自己小程序的盈利模式才是最重要的。
5、小程序的未来想象空间有多大?
电商小程序已经无需多言!
在微信生态下，小程序给予电商重生的机会，尤其是社群电商的爆发。通过在微信中拼团裂变，拼多多在两年时间做到了3亿用户、千亿元年成交总额，成为异军突起的平台型电商。
有数据显示，电商小程序的流量环比呈现高速增长的趋势，最高时期达到了89%，而电商类小程序的月流水环比增长在去年8月份的时候也达到了62%。 目前95%的电商平台都已接入小程序，毫无疑问小程序已成为电商的新宠儿。
小游戏是目前创业者必争的阵地。
从PC互联网、移动互联网和微信互联网来看，游戏都是最贴近变现的。而游戏生态的繁荣会造就整个生态的繁荣。
其次，游戏生态的繁荣，会向大量普通用户普及小程序的概念，从而进一步的拓展小程序的使用场景。
最后，游戏在整个生态中属于流量的消耗方，而游戏的繁荣势必会促生大量的流量供给方，最终又会提升生态的流量基数。
随着游戏开发接口的开放，第三方游戏开发者也会打造出很多的爆款游戏。诸如【海盗来了】【欢乐球球】【最强弹一弹】【物理弹球】等都已经刷爆你的群聊。这半年来，小程序展现给我的第一印象是：生态。它不是一个简单的功能，而是一个生态级别的系统。
何为「生态」?就是各个方向的创业者都会出现，例如电商、O2O、视频、工具等，为创业者提供服务的也会有。微信已经成为如水电煤一样的基础设施，拥有海量的用户及注意力，但与以往的流量平台不同的是，它还拥有用户的社交关系，借助社交关系，不仅可以快速地获取流量，还可能演变出很多新的交互方式。
更重要的是，目前这个平台在持续地开放更大的能力和权限，支付的能力，小程序的能力，都能极大地促进交易闭环的效率和体验，这将极大地促进整个生态的繁荣。
小程序新闻
BAD(TM)健康商城
关于销客多
关注销客多
销客多公众号
商家交流群
我在右下角等你哦！
微信客服扫一扫
咨询热线：
关注销客多了解最新动态扫一扫，随时随地挑选人才和公司
扫一扫，随时随地接单赚钱
随时掌握一手咨询
需求发布后1小时内收到服务商响应每个需求平均有10个服务商参与95%以上的需求得到了圆满解决所有需求不向雇主收取任何佣金网站抢先做，开年省心用好站
质量：0.00
速度：0.00
态度：0.00
近三月收入：0.00元 0 笔
高端原创，定制开发！
高端原创，定制开发！
高端原创，定制开发！
娱乐小程序/微信小程序开发/微抽奖/微活动/微拼团/微支付
&100.00/起
手机扫码下单，便捷优惠
数量件库存{{@model.count}}件
行业：休闲娱乐
账号类型：订阅号 服务号 企业号 小程序
功能营销：微商城 刮刮乐/微抽奖 微活动/微邀请 一键拨号/呼叫客服 H5开发 微游戏/微助力 微投票/微数据/微调研 微场景 微分销 微签到/微留言 微报名/微传单 微信管家软件 大转盘/砸金蛋 微信加人脉软件 微信转发软件 微官网 微砍价/微拼团 微会员/微支付 微信墙/微相册/微贺卡 微预约/智能客服 小视频制作软件 微红包/优惠券 其它
服务宝，全程保障交易安全
验收合格后，再付款给服务商
所有服务商，100%实名认证
交易出问题，可获保证金赔付
承诺不向雇主收取任何费用
担保交易，交易全程护航
交易遇到以上问题&&雇主可获保证金赔付
内容声明：
猪八戒网为第三方交易平台及互联网信息服务提供者，猪八戒网（含网站、客户端等）所展示的商品/服务的标题、价格、详情等信息内容系由店铺经营者发布，其真实性、准确性和合法性均由店铺经营者负责。猪八戒网提醒用户购买商品/服务前注意谨慎核实。如用户对商品/服务的标题、价格、详情等任何信息有任何疑问的，请在购买前店铺经营者沟通确认；猪八戒存在海量店铺，如用户发现店铺内有任何违法/侵权信息，请立即向猪八戒网举报并提供有效线索。
&&诚信度：
本店其他官方套餐
正在加载类似服务...
本店其它服务
正在加载类似服务...微信小程序实例，几招制作摇一摇抽奖
时间： 16:43:22
来源：下载吧
编辑：huangyuan
　　摇一摇抽奖程序怎么制作?微信小程序教你几步制作摇一摇抽奖案例，为了更好的理解小程序和小程序开发，我们首先来看一下项目的目录。　　首先看下根目录下的app.json的文件，可以看到在”pages”的数组里，里面配置了每个界面，且包含了每个界面文件的目录　　我们接下来看一下page文件夹，可以看到每个页面需要包含两个文件，一个是js文件，是每个界面的入口，wxml的文件是每个界面的布局文件，wxss是样式文件。　　接下来看一下logs文件夹，在logs文件夹中比index文件夹中多出了一个logs.json的文件，logs.json这个文件配置了一个界面的title的信息。制作完后即可进行调试，下面我们就看看摇一摇抽奖测试效果吧!　　下面我们不妨来看看微信小程序里的嗨图，这里有大量DIY图片的模板，点击可以生成使用，分享到朋友圈，用户可以上传的自己DIY作品，是不是很想试试呢?等1月9号微信小程序上线后，扫一扫下面的二维码就可以啦!
喜欢这文章可以分享给您的朋友哦
微信小程序问题汇总
微信小程序使用教程
微信小程序开发教程
微信小程序怎么绑定公众号？开发出微信小程序，很多人都会选择和微信公众...
「小程序」这个划时代的产品发布快一周了，互联网技术人都在摩拳擦掌，跃...
微信小程序图片不显示怎么解决？有部分开发者在开发微信小程序的时候会遇...
首先，我们先看一下在真机里微信小程序的手机截图，如果不明确的跟你说，...
微信小程序设置背景图片手机无法预览怎么办？微信小程序设置背景图片手机...
在玩微信朋友圈的时候，常常会遇到自己的朋友突然发一个和明星互动的段子...
微信小程序粤省事怎么样？粤省事小程序测评，我们一起看看吧，据悉，全国...
最近收到不少朋友的反馈，说自己的微信发现里面没有小程序入口，而且自己...
使用微信小程序的用户一直都处于上升的趋势，很多商家都看准了这个市场，...
​外出的时候，走到了一个自己都不知道的地方，也不知道具体的位置...
一年一度的高考已经结束，相信现在高考生们和各位家长最关注的是高考分数...
微信小程序6月15日升级了哪些功能？据悉，微信今日晚间发布消息，宣布微...
微信小程序6月22日升级了哪些内容？微信小程序升级介绍，我们一起看看吧...
UltraEdit简称UE编辑器，是很多码农朋友常用的一款编辑器，工作上需要长...
Sublime Text3是一款非常好用的文本编辑器软件，用上sublime text3之后逼...微信小程序实现多宫格抽奖活动
&更新时间：日 15:21:59 & 作者：西江无月
这篇文章主要为大家详细介绍了微信小程序实现多宫格抽奖功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
最近闲来无事，做了一个多宫格抽奖的例子，有什么需要改进或者错误的地方，请留言，谢谢
首先看效果：
思路是先让其转动2圈多，然后再进行抽奖，格子运动用的是setTimeout，让其运行的时间间隔不一样，然后产生运动快慢的效果
好了，上代码
首先是WXML（这里面的判断可能有些绕，仔细按顺序看，因其第五个和第十一个格子在不同手机屏幕大小上的显示有问题，所以再次给它们判断了一下）
&view class="box"&
&view class="boxsub {{luckynum==index?'luck':''}}" wx:for='{{box}}' style="{{index&0&&index&4?'top:0;left:'+index*140+'':(index&3&&index&8?'right:0;top:'+((index-4)*100)+'':(index&7&&index&12?'bottom:0;right:'+(index-7)*140+'':(index&11&&index&14?'left:0;bottom:'+(index-11)*100+'':'')))}} {{index=='4'?'top:0;':''}} {{index=='11'?'left:0;':''}} " wx:key=''&
&text class='boxcontent' style='{{item.name.length&6?"line-height:40margin-top:10":"line-height:100"}}'&{{item.name}}&/text&
&view class="lucky" catchtap="luckyTap"&
&text class="taplucky"&点击抽奖&/text&
&text class="howMany"&您还有&text class="howMany_num" &{{howManyNum}}&/text&次抽奖机会&/text&
&view class="explain"&
margin:20rpx 25
height: 400
width: 698
/*border:1px solid #*/
/*box-sizing: border-*/
width: 140
height: 100
/*border: 1px solid #f00;*/
box-sizing: border-
background: #ff6100;
border: 1rpx solid #
.boxcontent{
text-align:
font-size: 26
width: 300
height:130
background:#ff6100;/* #ffFFF*/
bottom: 0;
.lucky:active{
opacity: 0.7;
.taplucky{
text-align:
font-size: 30
line-height: 50
height: 50
margin-top: 20
text-align:
font-size: 26
line-height: 40
height: 40
.howMany_num{
color:#007FFF;
font-size:32
line-height:40
padding:0 10
opacity: 0.5;
background: #ff6100;
var time =//setTimeout的ID，用clearTimeout清除
name:'100积分'
name: '10元优惠券\n满100可用'
name: '60积分'
name: '30积分'
name: '50积分'
name: '30元优惠券\n满120可用'
name: '100积分'
name: '200积分'
name: '10积分'
name: '50积分'
name: '40积分'
name: '50优惠券满500可用'
name: '60积分'
name: '70积分'
luckynum:0,//当前运动到的位置，在界面渲染
howManyNum:10,//抽奖的剩余次数
index: 0, //当前转动到哪个位置，起点位置
count: 0, //总共有多少个位置
speed: 50, //初始转动速度
cycle: 3*14, //转动基本次数：即至少需要转动多少次再进入抽奖环节，这里设置的是转动三次后进入抽奖环节
prize:0,//中奖的位置
luckytapif:true//判断现在是否可以点击
//点击抽奖
luckyTap:function(){
that=this,
howManyNum = this.data.howManyNum,//剩余的抽奖次数
luckytapif = this.data.luckytapif,//获取现在处于的状态
luckynum = this.data.luckynum,//当前所在的格子
prize =Math.floor(Math.random()*14) ;//中奖序号,随机生成
if (luckytapif && howManyNum&0){//当没有处于抽奖状态且剩余的抽奖次数大于零，则可以进行抽奖
console.log('prize:'+prize);
this.data.content.count=this.data.box.
this.setData({
howManyNum:howManyNum-1//更新抽奖次数
this.data.luckytapif=//设置为抽奖状态
this.data.prize =//中奖的序号
this.roll();//运行抽奖函数
} else if (howManyNum == 0 && luckytapif){
wx.showModal({
title: '',
content: '您的抽奖次数已经没有了',
showCancel:false
roll:function(){
var content=this.data.content,
prize = this.data.prize,//中奖序号
if (content.cycle - (content.count-prize)&0){//最后一轮的时间进行抽奖
content.index++;
content.cycle--;
this.setData({
luckynum: content.index%14 //当前应该反映在界面上的位置
setTimeout(this.roll, content.speed);//继续运行抽奖函数
if (content.index & (content.count*3 + prize)){//判断是否停止
content.index++;
content.speed += (550 /14);//最后一轮的速度，匀加速，最后停下时的速度为550+50
this.data.content=
this.setData({
luckynum: content.index % 14
console.log(content.index, content.speed);//打印当前的步数和当前的速度
setTimeout(this.roll,content.speed);
//完成抽奖，初始化数据
console.log('完成');
content.index =0;
content.cycle = 3 * 14;
content.speed = 50;
this.data.luckytapif =
clearTimeout(time);
wx.showModal({
title: '',
content: '恭喜你抽到了'+that.data.box[prize].name,
showCancel:false
onLoad: function (options) {
onReady: function () {
onShow: function () {
onHide: function () {
onUnload: function () {
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}