欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

小程序源码

大转盘抽奖小程序源码
2020-08-27 我的站长站

大转盘抽奖小程序源码

  • 源码编号:977
  • 源码分类:小程序源码
  • 点击次数:422
  • 数 据 库 :Mysql
  • 源码授权:试用
  • 开源情况:非商用
  • 下载权限:普通 / VIP
  • 源码售价:免费下载
  • 下载次数:14
立即下载

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


下载地址

· 积分下载:下载扣除对应积分,不扣除下载次数
· VIP免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

相关推荐
  • 抽奖小程序源码
  • 图片小程序源码
  • 游戏小程序源码
  • 大转盘
  • 抽奖源码
  • 来客电商小程序商城源码 APP+SaaS+前后端源码
    来客电商小程序商城源码 APP+SaaS+前后端源码

    源码介绍来客电商小程序商城源码,稳定且小巧,免费商用,可去LOGO。微信小程序电商平台(前后端开源PHP),包含分销,拼团,抽奖,红包,多店,会员制,种草社交,新零售等功能,整个系统架构非常简单,适合小型团队或者个人...

    小程序源码 806 3年前
  • 多模板抽奖小程序源码V2.3.0开源版
    多模板抽奖小程序源码V2.3.0开源版

    源码说明多模板抽奖小程序源码V2.3.0开源版,后台多套模板随意切换,新版修复首页广告位跳转,修复二维码设置中Link显示问题。抽奖源码截图源码更新动态版本号:2.3.01.解决升级后不能保存或更改活动问...

    小程序源码 386 3年前
  • 大转盘抽奖小程序源码
    大转盘抽奖小程序源码

    大转盘抽奖小程序源码,测试依旧可用,无BUG,跑马灯旋转效果,非常酷炫。大转盘抽奖小程序源码截图小程序核心代码参考//index.js//获取应用实例var app = getApp()Page({ data: { circleList: [],/...

    小程序源码 422 3年前
  • 我爱抽奖盒子小程序源码V4.1.3
    我爱抽奖盒子小程序源码V4.1.3

    某宝花了150买的我爱抽奖盒子小程序源码V4.1.3,分享给大家免费使用。搭建方法前端修改JS文件的域名和对应的版本号后台设置好小程序appid和密钥即可!...

    小程序源码 281 3年前
  • 微信公众号活动投票小程序源码
    微信公众号活动投票小程序源码

    小程序源码介绍PHP微信公众号投票活动系统源码,男神女神商家评选,微信独立后台,内附安装使用说明1、支持关注公众号后报名参加。2、支持用户自拍上传照片报名,照片可传1-5张。3、IP限制,可以限制单IP...

    小程序源码 926 4年前
  • 忧心文案毒鸡汤美图壁纸小程序源码
    忧心文案毒鸡汤美图壁纸小程序源码

    源码说明忧心文案毒鸡汤美图壁纸小程序源码,用的别人的api接口,全自动采集更新资源,无需管理。后台为PHP语言,只能管理前台广告,没有其他功能。源码直接安装即可,后台账户:admin/123456源码安装说明1、...

    小程序源码 192 2年前
  • 开源Django社区论坛系统源码,WEB+APP+小程序
    开源Django社区论坛系统源码,WEB+APP+小程序

    源码说明开源Django社区论坛系统源码由Django框架开发的一款社区论坛,目前在web端、app端、微信小程序端、qq小程序端均已上线。代码中涉及到百度内容审核API(需要自己申请),邮件发送功能(需要自己在u...

    小程序源码 637 3年前
  • 禾匠商城微信小程序源码V4.3.69
    禾匠商城微信小程序源码V4.3.69

    源码说明禾匠商城微信小程序源码V4.3.69,VUE前端,免授权带测试全插件+模板市场。含5个小程序前端(微信前端在模块包,其他安装插件获取前端包),源码安装和设置都比较复杂,对服务器要求比较高!模块升级涉及...

    小程序源码 248 3年前
  • wordpress星宿博客小程序源码V1.0.2
    wordpress星宿博客小程序源码V1.0.2

    源码说明wordpress星宿博客小程序源码V1.0.2,ui很漂亮,小程序类型定义,可以自己决定,论坛,图片小程序都可以做出来,现分享给大家。wordpress星宿小程序源码截图源码安装教程环境需求:1.wordpres 》5.0,2....

    小程序源码 260 3年前
  • EMlog内核博客微信小程序源码
    EMlog内核博客微信小程序源码

    EMlog小程序源码介绍EMlog内核博客微信小程序源码是一个简洁的程序,所以给它取了个英文名叫Brief,需要配合EMlog后端,所以EMlog附带了一款非常好看的大前端模板。EMlog小程序源码截图程序介绍Brief...

    小程序源码 278 3年前
  • 新版2048微信游戏小程序源码完整版
    新版2048微信游戏小程序源码完整版

    源码介绍之前发过很多款的2048游戏源码了,今天又找到一款,UI不同,新版的样式,已测试完整无错。源码截图

    小程序源码 70 1年前
  • 猜图达人小游戏V4.1小程序源码
    猜图达人小游戏V4.1小程序源码

    源码说明猜图达人小游戏V4.1小程序源码,前端+后端,自带1300题精品题库。支持付费购买积分赚钱,支持更多好玩引流,支持支付宝红包盈利。猜图达人小程序源码截图...

    小程序源码 62 2年前
  • 微信来找茬游戏源码修复版
    微信来找茬游戏源码修复版

    源码说明微信来找茬游戏源码修复版,市面上有很多都是加密残版,无法正常使用。修复版完美运行,附带文档教程。找茬游戏源码截图源码安装方法安装操作手册第一步:将解压后的后端文件夹yf_zhaocha上传服...

    小程序源码 117 2年前
  • 全民采矿石小游戏小程序源码
    全民采矿石小游戏小程序源码

    源码说明淘宝价值999的全民采矿石小游戏小程序源码,可配合流量主推广,广告变现。单开版 – 一个站点只能单个平台使用此应用,一个小程序使用此应用。修改前端:siteinfo.js,后端上传安装,审核时候打开审...

    小程序源码 106 2年前
  • 剪刀石头布微信小程序源码
    剪刀石头布微信小程序源码

    剪刀石头布微信小程序源码,剪刀石头布小游戏源码,分享给大家学习。剪刀石头布小程序源码截图

    小程序源码 232 3年前
  • 大转盘抽奖积分兑换小程序模板源码
    大转盘抽奖积分兑换小程序模板源码

    源码介绍大转盘抽奖积分兑换小程序模板源码,一共五个静态页面,首页、任务列表、大转盘和猜拳等五个页面。大转盘小程序截图

    小程序源码 176 2年前
  • HTML5大转盘抽奖模板
    HTML5大转盘抽奖模板

    大转盘抽奖模板截图大转盘抽奖模板截图

    html模板 90 2年前
  • 大转盘抽奖小程序源码
    大转盘抽奖小程序源码

    大转盘抽奖小程序源码,测试依旧可用,无BUG,跑马灯旋转效果,非常酷炫。大转盘抽奖小程序源码截图小程序核心代码参考//index.js//获取应用实例var app = getApp()Page({ data: { circleList: [],/...

    小程序源码 422 3年前
  • HTML+Jquery抽奖转盘源码
    HTML+Jquery抽奖转盘源码

    源码介绍HTML+Jquery抽奖转盘源码, 源码中文叫《上帝也爱我》,英文名《God Love Me》,听天由命,这样能更好的说服她,接受上帝的安排。随机抽奖,自定义抽奖主题+自定义奖项;概念真随机,不破坏规则。支持历...

    html模板 15 6个月前
  • 猜拳大转盘积分游戏小程序源码
    猜拳大转盘积分游戏小程序源码

    源码介绍猜拳大转盘积分游戏小程序源码,前端模板源码,一共五个静态页面,首页、任务列表、大转盘和猜拳等五个页面,,非常适合进行积分游戏等相关开发。此模板源码的前端部分非常简单易用,用户可以根据自...

    小程序源码 22 6个月前
  • 咻一咻集福卡吸粉模块源码
    咻一咻集福卡吸粉模块源码

    模块玩法说明模块截图咻一咻集福可演变为集福卡,集字,集钥匙,集宝箱等等。可集齐相应的物品后开启兑换值得的奖品,如:卡券、随机红包、广告、实物奖品等可邀请好友参与活动随机获得福卡,也可以生成自己...

    小程序源码 238 3年前
  • 抽奖功能模块源码V2.4.3
    抽奖功能模块源码V2.4.3

    抽奖功能模块源码V2.4.3完整版,添加内定中奖用户组功能;修复模板背景自定义bug;优化抽奖流程;添加自定义用户信息。抽奖源码截图抽奖模块是一款用于微信公众号快速吸粉的抽奖活动模块,支持九宫格、套...

    小程序源码 161 3年前
  • 微信小程序-购物抽奖下载源码
    微信小程序-购物抽奖下载源码

    源码介绍实际操作玩法:在所属等城市的10个地方有相应的服务点1、每个区域对应这地图中的一个板块2、扫描该区域中的二维码,即可点亮一块地图,3、第3/6/10个地图被点亮时,则获得抽奖机会1次...

    小程序源码 263 4年前
  • PHP搜刮抽奖系统源码
    PHP搜刮抽奖系统源码

    PHP搜刮抽奖系统源码,环境要求:PHP主机环境中奖记录在数据库的hm_list表中,可自行删除.源码上传之后,把config.php里的数据库信息改成你的.然后导入1.sql数据库文件即可.后台:你的域名/admin账号sogu...

    php源码 572 4年前
  • thinkPHP仿QQ飞车手游模拟抽奖源码
    thinkPHP仿QQ飞车手游模拟抽奖源码

    thinkPHP开发的QQ飞车手游模拟抽奖源码,用途很简单,,模拟多少钱能抽到奖品。仅供技术参考!使用方法下载源码,上传解压到你的服务器或者主机里面。由于本程序是开发的,所以需要配置thinkPHP伪静态。设置...

    php源码 304 4年前