上传者: 38516863
|
上传时间: 2021-08-12 17:52:43
|
文件大小: 99KB
|
文件类型: PDF
本文实例为大家分享了微信小程序实现九宫格抽奖的具体代码,适用于年会抽奖,供大家参考,具体内容如下
效果图比较卡顿,真实运行效果是旋转的
用到的素材:
实现步骤:
实现原理
改变每一项的透明度实现选中效果。利用setTimeOut时间使旋转速度越来越慢。达到慢慢停止的效果。实际应用中可以将9张奖品图片和中奖项均通过接口返回。以方便奖品的调整。
1.布局绘制
停止位置:<input value='{{luckPosition}}' style=width:100%;text-align:center bindinput='input'