大转盘抽奖小程序源码下载

源码介绍

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

小程序核心代码参考

//index.js//获取应用实例varapp=getApp()Page({data:{circleList:[],//圆点数组awardList:[],//奖品数组colorCircleFirst:'#FFDF2F',//圆点颜色1colorCircleSecond:'#FE4D32',//圆点颜色2colorAwardDefault:'#F5F0FC',//奖品默认颜色colorAwardSelect:'#ffe400',//奖品选中颜色indexSelect:0,//被选中的奖品indexisRunning: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;//圆点设置varleftCircle=7.5;vartopCircle=7.5;varcircleList=[];for(vari=0;i<24;i++){if(i==0){topCircle=15;leftCircle=15;}elseif(i<6){topCircle=7.5;leftCircle=leftCircle+102.5;}elseif(i==6){topCircle=15leftCircle=620;}elseif(i<12){topCircle=topCircle+94;leftCircle=620;}elseif(i==12){topCircle=565;leftCircle=620;}elseif(i<18){topCircle=570;leftCircle=leftCircle-102.5;}elseif(i==18){topCircle=565;leftCircle=15;}elseif(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设置varawardList=[];//间距,怎么顺眼怎么设置吧.vartopAward=25;varleftAward=25;for(varj=0;j<8;j++){if(j==0){topAward=25;leftAward=25;}elseif(j<3){topAward=topAward;//166.6666是宽.15是间距.下同leftAward=leftAward+166.6666+15;}elseif(j<5){leftAward=leftAward;//150是高,15是间距,下同topAward=topAward+150+15;}elseif(j<7){leftAward=leftAward-166.6666-15;topAward=topAward;}elseif(j<8){leftAward=leftAward;topAward=topAward-150-15;}varimageAward=this.data.imageAward[j];awardList.push({topAward:topAward,leftAward:leftAward,imageAward:imageAward});}this.setData({awardList:awardList})},//开始游戏startGame:function(){if(this.data.isRunning)returnthis.setData({isRunning:true})var_this=this;varindexSelect=0vari=0;vartimer=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))}})

源码下载地址