大转盘抽奖小程序源码

源码介绍
大转盘抽奖小程序源码，测试依旧可用，无BUG，跑马灯旋转效果，非常酷炫。

小程序核心代码参考
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
circleList: [],//圆点数组
awardList: [],//奖品数组
colorCircleFirst: ‘#FFDF2F’,//圆点颜色1
colorCircleSecond: ‘#FE4D32’,//圆点颜色2
colorAwardDefault: ‘#F5F0FC’,//奖品默认颜色
colorAwardSelect: ‘#ffe400’,//奖品选中颜色
indexSelect: 0,//被选中的奖品index
isRunning: false,//是否正在抽奖
imageAward: [
‘../../images/1.jpg’,
‘../../images/2.jpg’,
‘../../images/3.jpg’,
‘../../images/4.jpg’,
‘../../images/5.jpg’,
‘../../images/6.jpg’,
‘../../images/7.jpg’,
‘../../images/8.jpg’,
],//奖品图片数组
},

onLoad: function () {
var _this = this;
//圆点设置
var leftCircle = 7.5;
var topCircle = 7.5;
var circleList = [];
for (var i = 0; i < 24; i++) {
if (i == 0) {
topCircle = 15;
leftCircle = 15;
} else if (i < 6) {
topCircle = 7.5;
leftCircle = leftCircle + 102.5;
} else if (i == 6) {
topCircle = 15
leftCircle = 620;
} else if (i < 12) {
topCircle = topCircle + 94;
leftCircle = 620;
} else if (i == 12) {
topCircle = 565;
leftCircle = 620;
} else if (i < 18) {
topCircle = 570;
leftCircle = leftCircle – 102.5;
} else if (i == 18) {
topCircle = 565;
leftCircle = 15;
} else if (i < 24) {
topCircle = topCircle – 94;
leftCircle = 7.5;
} else {
return
}
circleList.push({ topCircle: topCircle, leftCircle: leftCircle });
}
this.setData({
circleList: circleList
})
//圆点闪烁
setInterval(function () {
if (_this.data.colorCircleFirst == ‘#FFDF2F’) {
_this.setData({
colorCircleFirst: ‘#FE4D32’,
colorCircleSecond: ‘#FFDF2F’,
})
} else {
_this.setData({
colorCircleFirst: ‘#FFDF2F’,
colorCircleSecond: ‘#FE4D32’,
})
}
}, 500)
//奖品item设置
var awardList = [];
//间距,怎么顺眼怎么设置吧.
var topAward = 25;
var leftAward = 25;
for (var j = 0; j < 8; j++) {
if (j == 0) {
topAward = 25;
leftAward = 25;
} else if (j < 3) {
topAward = topAward;
//166.6666是宽.15是间距.下同
leftAward = leftAward + 166.6666 + 15;
} else if (j < 5) {
leftAward = leftAward;
//150是高,15是间距,下同
topAward = topAward + 150 + 15;
} else if (j < 7) {
leftAward = leftAward – 166.6666 – 15;
topAward = topAward;
} else if (j < 8) { leftAward = leftAward; topAward = topAward – 150 – 15; } var imageAward = this.data.imageAward[j]; awardList.push({ topAward: topAward, leftAward: leftAward, imageAward: imageAward }); } this.setData({ awardList: awardList }) }, //开始游戏 startGame: function () { if (this.data.isRunning) return this.setData({ isRunning: true }) var _this = this; var indexSelect = 0 var i = 0; var timer = setInterval(function () { indexSelect++; //这里我只是简单粗暴用y=30*x+200函数做的处理.可根据自己的需求改变转盘速度 i += 30; if (i > 1000) {
//去除循环
clearInterval(timer)
//获奖提示

wx.showModal({
title: ‘恭喜您’,
content: ‘获得了第’ + (_this.data.indexSelect + 1) + “个优惠券”,
showCancel: false,//去掉取消按钮
success: function (res) {
if (res.confirm) {
_this.setData({
isRunning: false
})
}
}
})
}
indexSelect = indexSelect % 8;
_this.setData({
indexSelect: indexSelect
})
}, (200 + i))
}
})

小程序源码下载地址：(5条消息) 大转盘抽奖小程序源码无bug-小程序文档类资源-CSDN文库https://download.csdn.net/download/muyeseocom/26366487

大转盘抽奖小程序源码相关推荐

魔众大转盘抽奖系统PHP源码
简介: 魔众大转盘抽奖系统是一个可快速私有化的大转盘系统,可以创建多个大转盘活动,奖品支持现金红包.积分.实物礼品.兑换码. 魔众大转盘抽奖系统发布v2.0.0版本,新功能和Bug修复累计27项,全面 ...
大商创小程序源码_小程序直播系统有哪些基本功能
小程序直播系统源码能够构建出高品质的直播平台,现如今较为流行的"直播间+电商.""直播间+教育"等新型的"直播间+"等多元化的直播间方向都不 ...
盲盒微信抽奖小程序源码
小程序支持哪些类型商品? 1.实物需邮寄商品,用户领取时填写收货信息,后台发货. 2.虚拟商品,如:教程.课程.图文.图片.下载链接等等. 3.卡密商品,后台添加卡密商品,填写使用方法.批量添加卡密后 ...
c++抽奖小程序源码简单易懂
看b站上许多up主没有达到互动抽奖的资格很多都用采取评论,然后按评论数量,然后去找个随机数生成器,然后生成几个随机数字然后对应第几次的评论. 然后类,我就想着做一些不一样的吧,就写了个自己设定抽奖人 ...
盲盒拓客小程序商家联盟红包分销裂变抽奖小程序源码
介绍: 盲盒拓客,集五种玩法于一身!．盲盒一刺激!好奇心!．商家联盟一多商家推广,扩人传播覆盖群体．红包拓客一促进分销裂变．抽奖一概率事件,随机中奖．言舌动分销裂变平台! 什么版本的不知道,自行研究, ...
小程序源码：修复登录大河盲盒小程序源码，实现运营“玩法自由”，超多功能的盲盒型抽奖挖矿程序源码下载
程序介绍应用支持哪些类型的商品? 1.实物需邮寄商品,用户领取时填写收货信息,后台发货. 2.虚拟商品,如:教程.课程.图文.图片.下载链接等等. 3.卡密商品,后台添加卡密商品,填写使用方法.批量 ...
小程序源码：仿各大APP种树微信小程序源码下载-简单快速上手
这是一款仿各大APP的种树获取水果的一款微信小程序可以对树浇水,杀虫,修剪等等另外还有夺宝,更多小程序推荐支持流量主模式等等可以进行邀请好友加快树木的成长速度小程序源码下载地址: 小程序源码 ...
(已更新）最新王者荣耀英雄图鉴小程序源码，包含王者中各大板块内容介绍
王者英雄图鉴是一个关于王者荣耀英雄介绍的小程序,有装备.技能.铭文.英雄.皮肤等各大板块,里面不仅详细介绍了各类信息还有教程等资源,进入英雄详情时还会播放台词. 小程序使用 uni-app 和 Tai ...
小程序源码：修复登录接口仿抽奖助手
本版本是已经修复登录接口的支持商家认证带V 支持多种抽奖模式支持多种开奖方式导航自定义,首页福利推送自定义更多功能具体自行研究 PS:导航路径需要自行添加小程序源码下载地址: 小程序源码:修 ...
小程序源码：修复登录接口仿抽奖助手-多玩法安装简单
本版本是已经修复登录接口的支持商家认证带V 支持多种抽奖模式支持多种开奖方式导航自定义,首页福利推送自定义更多功能具体自行研究 PS:导航路径需要自行添加小程序源码下载地址: 小程序源码:修 ...

大转盘抽奖小程序源码

大转盘抽奖小程序源码相关推荐

最新文章

热门文章