小程序转盘抽奖教程(微信小程序转盘抽奖程序)

为了吸引用户,商家会做一些活动,利用赠送或充值的积分来进行抽奖,现在来讲下微信小程序如果实现轮盘抽奖的功能,先看下图:上面展示的就是轮盘抽奖,一共有六个奖项,其中一个是“不中奖”的,其余五个均能获得

为了能吸引消费者,店家会做一些主题活动,运用赠予或冲值的积分兑换去进行抽奖,如今而言下小程序假如完成转盘抽奖功能的,先看下图:

小程序转盘抽奖教程(微信小程序转盘抽奖程序)

上边展现的便是转盘抽奖,一共有六个奖项,在其中一个是“不中奖”的,其他五个均可以获得奖品,奖品文章的标题、奖品种类(实体或积分兑换)、中奖几率,每一次抽奖要多少积分兑换等可以在后台操作,如图所示:

每一次抽奖时扣减积分兑换,奖品种类有实体和积分兑换,如果是积分兑换,立即提升用户账户的积分兑换,这一非常简单,如果是实体,则需要形成一个关联商品的礼物订单信息。中奖率:就是指全部抽奖的分成1万分,因此最低中奖率能够设成0.01%(自然如果你不想客户抽中某一奖项,能够设成0%,那样客户就永远无法抽中),后台管理的插口所使用的PHP语言表达,测算中奖率的编码如下图所示:

在其中$i=rand(1,10000);也就是从1到10000任意一个数。winning_odds是指某一奖项的中奖标值,比如中奖率为10%,则在winning_odds的数值1000.尤其提一下,不中奖的几率是通过100%-别的五个奖项的几率而一键生成的。因此后台管理改动某一奖项的几率时,必须升级不中奖的几率。微信小程序JS层面:Page({ //奖品配备 awardsConfig: { btnDisabled: ‘’,//是不是容许点一下抽奖 awards: [ { 'index': 0, 'name': '300积分兑换' }, { 'index': 1, 'name': '某商品' }, { 'index': 2, 'name': '1000积分兑换' }, { 'index': 3, 'name': '100积分兑换' }, { 'index': 4, 'name': '不中奖' }, { 'index': 5, 'name': '某实体' } ] }, onReady: function (e) { this.drawAwardRoundel(); },//画抽奖园盘 drawAwardRoundel: function () { var awards = this.awardsConfig.awards; var awardsList = []; var turnNum = 1 / awards.length; // 文字旋转 turn 值 // 奖项目录 for (var i = 0; i < awards.length; i ) { awardsList.push({ turn: i * turnNum 'turn', lineTurn: i * turnNum turnNum / 2 'turn', award: awards[i].name }); } this.setData({ btnDisabled: this.awardsConfig.chance ? '' : 'disabled', awardsList: awardsList }); }, //进行抽奖 playReward: function () { //中奖index var awardIndex = 2; var runNum = 8;//转动8周 var duration = 4000;//时间 // 旋转方向 this.runDeg = this.runDeg || 0; this.runDeg = this.runDeg (360 – this.runDeg % 360) (360 * runNum – awardIndex * (360 / 6)) //建立动漫 var animationRun = wx.createAnimation({ duration: duration, timingFunction: 'ease' }) animationRun.rotate(this.runDeg).step(); this.setData({ animationData: animationRun.export(), btnDisabled: 'disabled' }); // 中奖提醒 var awardsConfig = this.awardsConfig; setTimeout(function () { wx.showModal({ title: '恭贺', content: '得到' (awardsConfig.awards[awardIndex].name), showCancel: false }); this.setData({ btnDisabled: '' }); }.bind(this), duration); }})小程序的wxml编码如下图所示:

大家这里不详尽讲怎样启用API插口,如何判断是获得了哪一个奖项了,你们可以依据原始的JS编码来套程序流程,由于更改了awardIndex值,相对应的奖项还会出去,根据后台管理接口的传参,可以确定是积分兑换或是实体,随后进行下一步实际操作.为了避免客户连续点击“抽奖”的按键,要用 btnDisabled来判定客户能否再次抽奖,当转盘并未转完时,是不可以反复点一下的。以上就是关于对小程序转盘抽奖后台管理作用,抽奖几率,微信小程序JS编码进行介绍,这也是只提供一种构思,你们可以按照实际的现象对程序流程作用作出调整。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022年10月13日 上午11:03
下一篇 2022年10月13日 上午11:05

相关推荐

  • 福兔耳多肉养殖方法(福兔耳的养殖方法介绍)

    福兔耳为景天科伽蓝菜属多肉植物,植株叶片对生,长梭型,整个叶片及茎干密布白色绒毛,叶片顶端微金黄,叶尖圆型,初夏开花,聚伞花序,花序较高,小花管状向上,花开白粉色,花期较长,下面我们就一起来看一看福兔耳的养殖方法吧! 福兔耳的生长习性 福兔耳原产于纳米比亚高原地区,喜阳光充足的环境,夏季要适当遮荫,不能过于荫蔽。喜温暖,冬季温度不能低于10度。生长很缓慢,株…

    2023年2月19日
    340
  • 深圳楼盘604套千万豪宅一天卖光(深圳购房资格最新政策2022)

    购房资格实际上就是限购令下的购房受限,为了防止购房人买房劳而无获,并且控制盈利性房屋买卖的交易,根据最新消息称深圳楼盘604套千万豪宅一天卖光,具体的情况如何呢?深圳购房资格最新政策2022是怎么样的

    2022年9月25日
    920
  • 现代显示器怎么样(电脑显示屏十大排名)

    这篇文章,力争用比较“接地气”的方式,介绍如何选择一台高性价比的游戏显示器。 小虫站长用过近千款显示器,不要惊讶,因为这20多年来,各大厂家(代理商)总是热情地提供各种样品机给我们实体店,有时甚至倒给“摆样费“,不用白不用。家里的显示器很长时间用的也是样品,由于需要定期更换,搬来搬去觉得麻烦才陆续买了几台。 什么算电竞显示器 对于FPS游戏(吃鸡、CSGO、…

    2023年5月29日
    640
  • 10016是什么电话(10016频繁给你打电话表示什么)

    10016电话接了就扣费吗? 10016电话接了并不会立即扣费。10016是中国联通热线中的营销专线,会向你推荐现行的一些优惠促销活动,比如说语音包、流量包、宽带网络、铃音包、联通秘书、天气预告等内容订制,只有用户同意办理了才会进行扣费。 除了10016营销专线之外,中国联通还有我们经常拨打的10010客户服务热线,以及10011充值服务热线、10015消费…

    2022年12月31日
    300
  • 医生建议成人每天睡够7小时 熬夜容易引发健康问题

    足够的失眠时间对身体健康是非常重要的,医生建议成人每天睡够7个小时,但是对于很多年轻人来说,7小时的睡眠时间已经成为一种奢侈,很多人一天只能睡四五个小时,如果长期这样下去,必然会引发身体健康问题。睡眠据世界卫生组织

    2022年10月12日
    530
  • 高温橙色预警这些地方40℃以上:网友调侃烤成肉串等

    中央气象台7月11日6时发布高温橙色预警:预计7月11日白天,新疆吐鲁番地区和南疆盆地东部、内蒙古西北部、陕西南部、黄淮南部、江淮、江汉、江南、华南大部、西南地区东部等地有35℃以上高温天气。新疆吐鲁

    2022年9月12日
    530
  • 屈臣氏几点关门((屈臣氏一般几点营业))

    从2月开始天津的大部分商场都陆续暂停营业不过今天起,又有一大批商场开始陆续恢复营业啦!众所周知,今天是大悦城恢复营业第一天!正式开放之前,已经有很多小伙伴按照顺序排队入场开始准备买买买大多数顾客都很遵守秩序,相信再过不久

    2022年10月16日
    490
  • 2023寒假外地学生回家要报备吗(大学生寒假回家有什么限制)

    要说一年中人流量流动最大的时刻除了春节国庆外,就要属于每年的寒暑假了,但近两年因为疫情的缘故,22023寒假外地学生回家要报备吗成了大家最为关注的,一起看看大学生寒假回家有什么限制。2023寒假外地学

    2022年10月3日
    910
  • 滥竽充数的意思解释10字(滥竽充数的简单意思介绍)

    Photo by Andrea Piacquadio from Pexels “滥竽充数”,汉语成语,意思是不会吹竽的人混在会吹竽的队伍里充数(pretend to play the Yu [a wind instrument] in order to make up the number for an orchestra)。比喻无本领的冒充有本领,次货冒充…

    2023年4月16日
    150
  • 突尼斯港口有哪些(突尼斯最大的港口)

    艾尔甘达坞伊港口 Route Touristique، Port El Kantaoui 早晨我们从苏塞的市中心往北行进,下车步行去位于北部沿岸的艾尔甘达坞伊港口,英文是Du Port El Kantaoui。 清晨没有任何游人,连市民都罕见。头天晚上的雨水还未干,柏油路在阳光和树影的作用下,变成带着光斑的蓝黑色,好像钢笔水,光影交叠的色彩美极了。出门旅行不…

    2022年12月5日
    140

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信