菜鸡源码,专注精品下载!
当前位置:首页 > 小程序源码 > 微信小程序源码

大转盘抽奖小程序源码

  • 所属类型:微信小程序源码
  • 演示地址:点此查看
  • 下载权限:本站会员
  • 默认密码:www.caijicaiji.com
  • 文件大小:
  • 文件售价:1金币

大转盘抽奖小程序源码,测试依旧可用,无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))}})


抽奖小程序源码,图片小程序源码,游戏小程序源码,大转盘,抽奖源码

本站提供以下售后服务

1、源码免费升级,本站出售的源码如果有功能升级的话我们会在第一时间通知购买源码了用户,如果没有通知到你,请主动联系我们获得升级。

下载地址

标签:
评论
微信小程序源码
微信小程序源码