vue实现九宫格抽奖

所属分类:其他-游戏

 24918  242  查看评论 (14)
分享到微信朋友圈
X
vue实现九宫格抽奖 ie兼容9

更新时间:2019-10-16 00:13:47

直接将CSS和JS,以及HTML导入自己项目,适当修改样式可适应手机

参数说明

index: -1,  // 当前转动到哪个位置,起点位置
count: 8,  // 总共有多少个位置
timer: 0,  // 每次转动定时器
speed: 200,  // 初始转动速度
times: 0,    // 转动次数
cycle: 50,   // 转动基本次数:即至少需要转动多少次再进入抽奖环节
prize: -1,   // 中奖位置
click: true,
showToast: false, //显示中奖弹窗
相关插件-游戏

移动端口红机见缝插针纯前端

某宝爆款的口红机、微信热门小游戏见缝插针,代码注释全!
  游戏
 29489  379
  游戏
 32305  356

简单的js五子棋

人工对战智能AI五子棋
  游戏
 27811  315

jQuery夹娃娃抽奖

运用jQuery进行编写夹娃娃抽奖特效
  游戏
 27996  302

讨论这个项目(14)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Ugoplays 0
    2023/4/15 12:04:17
    ??? 0
    2021/12/22 17:52:24
    我抽了三个美女😀 回复
    0
    2020/12/17 11:24:58
    怎么弄到vue cli里面 回复
    第八日的蝉。 0
    2020/6/8 13:59:37
    后台给出获奖数据后前台怎么设置它转到对应奖品呢,不是设置data里面的prize吗
        areyouOk0
        2020/6/8 14:47:20
        在它之前通过ajax获取后台值给this.prize
        this.prize =3; //中奖位置,可由后台返回
        第八日的蝉。0
        2020/6/17 14:41:49
        多谢多谢
    回复
    StruggleThunder 0
    2020/1/9 16:54:27
    连续点击抽奖按钮,会有问题
        ∝╔神夜╗☆━0
        2020/1/9 17:07:03
        点击后会可将this.click=false
        上官砒霜0
        2020/2/20 11:54:26
        存在BUG
        黑夜将至0
        2022/7/9 10:43:59
        设置一个节流阀
    回复
      0
    2019/11/17 11:51:15
    怎么设置每一个礼品抽中的概率啊
        ∝╔神夜╗☆━0
        2020/1/9 17:07:45
        后台做计算的,最后中奖也是由后台给出。前端做个样子
    回复
    坊ちゃん 0
    2019/11/12 11:39:13
    提示我获得美女一个,请问是自提还是你们快递发?
        12828146530
        2021/1/22 11:43:43
        我抽了三个 一个500的红包 一辆宝马 一位美女
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复