137-3385-8848(同微信)

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

2022-04-21 管理员

很多商家都会利用转盘抽奖的形式来推销自己的产品及店铺,那么下面为大家介绍小程序转盘抽奖要怎么做?

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

 

 

*闪动的红黄色小点

 

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

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

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

 

 

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

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


结果图

 

 

当然了 奖品图和内容你可以自己修改 你也更好地定义球与奖品图样式 你可以自己去完善 也许你也可以将奖品转动 定义一个指针指向奖品等.


上一篇:微信小程序本地调试的方法,小程序如何本地调试
下一篇:小程序播放缓存的音频文件的实现方式
相关资讯 Releva ntnews
解决方案 Solutions
相关热点 Hot spot
郑州做排名中正确使用关键词优化的方法
  1. 我们的优势
  2. 我们的实力
  3. 选择我们的理由
咨询电话(微信同号)

137-3385-8848(同微信)

豫ICP备16014343号-1

Copyright © 2017-2022 版权所有 酷微科技 Rights Reserved

电话咨询 在线咨询 服务项目 SEO优化