E企盈营销工具技术服务商 热线:4006-838-530

微信小程序转富蕴县E企盈小程序盘大抽奖

有需要写个积分抽奖功能,大题思路就有两个,一呢转盘上的内容使用文字,自己调整位置和角度,二呢使用整个的图片,优缺点一目了然。比较懒就借鉴了第二种:首先在js中全局定义://微信提供的创建动画的方法const animation = wx.createAnimation({duration: 6000,timingFunction: ‘ease’})Page({//初始化角度data:{deg:0,animationData:{}}move() {//转盘共有六分,每个60°,所开通马自达小程序电话:4006-838-530tionData :animation.export(),deg: rotateAngle})},})wxml部分<view class=”rotate_box”><image class=’w_img’ src=”https://o3pvuu23u.qnssl.com/2f9bddd9-bb82-47ed-bd0f-9b1bee4463b8.png”animation=”{{animationData}}” /><view class=”startbox” bindtap=”move”><image class=’start_img’ src=”https://o3pvuu23u.qnssl.com/e36952f5-0458-467b-890c-61941877c0c9.png” /></view></view>wxss部分.startbox{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}.start_img{width: 120rpx;height: 120rpx;}.w_img{width: 500rpx;height: 500rpx;}.rotate_box{text-align: cen开通儿童家具小程序电话:4006-838-530ter;position: relative;} 小程序

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序转富蕴县E企盈小程序盘大抽奖
分享到: 更多 (0)

评论 抢沙发

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏