微信小程序怎么实现抽奖大转盘(微信小程序,开发技术)

时间:2024-05-07 16:17:34 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

界面就是外面一个最大的view包住 闪动的小点一个view 8个奖品和一个START按钮

*闪动的红黄色小点

微信小程序怎么实现抽奖大转盘

我们计算好每个点的位置 用for循环设置坐标值

微信小程序怎么实现抽奖大转盘

定义红黄两色小球用setInterval更改颜色和实现闪动效果

计算好奖品图片的位置 同理循坏定义

微信小程序怎么实现抽奖大转盘

绑定奖品背景颜色通过当前数组下标来实现选中的效果 用setInterval来进行旋转的效果,停下来的位置我们用一个随机数来控制

微信小程序怎么实现抽奖大转盘

注意
旋转中途点击我们应将START变为WAIT并且在事件中增加判断其状态 使其点击无效

微信小程序怎么实现抽奖大转盘

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:微信小程序怎么实现抽奖大转盘的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:微信小程序背景与背景颜色怎么设置下一篇:

4 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18