微信小程序抽奖转盘v1.1（更新圈数控制和速度控制）

因业务需要一个抽奖大转盘，时间紧迫就去网上找了一个仿天猫的抽奖转盘。但是发现他有很多问题，例如无法设定结果，代码混乱等。我的这个是在他基础之上修改，原帖地址找不到了。。。

github：https://github.com/scorpioLh/turnplate

效果图：

使用方式，先从git上下载components内的turnplate组件放入您的项目中，然后引入：

<v-turnplate winningResult="{{winningResult}}" prizeImgs="{{prizeImgs}}" bind:turnResultCallBack="lotteryResult" />

必需字段：

winningResult: Number 中奖结果从左上角第一位是1开始，顺时针1 2 3 4 5 6 7 8 ,总共8个中奖号，其他数字无效

prizeImgs: Array 中奖图片数字，从左上角第一位开始顺时针排列，如非8张图片地址组成的数组则无效

非必需字段：

turnResultCallBack: 抽奖结束时的回调

times: Number 转盘转的圈数，默认3圈

speed: Number 移动速度，毫秒为单位，默认100

有兴趣的朋友可以持续关注哦，接下来会更新颜色修改或主题定制等。

微信小程序抽奖转盘v1.1（更新圈数控制和速度控制）相关推荐

微信小程序，转盘抽奖
微信小程序大转盘代码源码:https://github.com/yewook/Lottery-turntable 转载于:https://www.cnblogs.com/yewook/p/97171 ...
【vue uniapp 小程序抽奖转盘老虎机和九宫格】
vue uniapp 小程序抽奖转盘老虎机和九宫格 1.npm 下载插件 # npm 安装 npm install @lucky-canvas/vue@latest# 或者 yarn 安装 yarn ...
微信小程序抽奖简单功能实现
抽奖是一种常见的互动活动,在微信小程序中也有很多不同的实现方式.以下是一份简单的微信小程序抽奖源码,供参考:在 wxml 文件中添加抽奖的页面布局: <view class="cont ...
微信小程序大转盘完整代码
微信小程序大转盘完整代码效果图 wxml片段  <view class="container"><image sr ...
PHP微信小程序/抽奖小程序开源源码
简介: PHP微信小程序/抽奖小程序开源源码网盘下载地址: http://kekewl.net/n066JfGL5sU0 图片:
付费阅读微信小程序源码V1.8.2,小程序和公众号双版本
介绍: 付费阅读微信小程序源码V1.8.2版本,源码包括付费阅读小程序和公众号双版本,前后端开源源码. 支持免费看一部分文字.视频.音频,然后其他部分需要付费才能观看的小程序,此版本为独立版小程序,和 ...
微信小程序做一个圆形图片旋转可以控制开始和结束-音乐播放器的图片旋转功能
微信小程序做一个圆形图片旋转可以控制开始和结束 1.在 WXML 文件中添加一个标签,并设置图片的 src 和样式,并为其绑定一个 animation 用来控制旋转动画. <image src ...
微信小程序常见问题集合（长期更新）
最新更新: 新手跳坑系列:推荐阅读:<二十四>request:fail错误(含https解决方案)(真机预览问题跳坑指南<七十>如何让微信小程序服务类目审核通过跳坑六十九: ...
做一个好看的微信小程序抽奖页面
在微信小程序中做一个好看的抽奖界面先上图片吧: 基本上格式就是八个抽奖按钮,中间一个开始按钮,后面在加一张好看的背景图就完事啦接下来就是代码啦: js中: var app = getApp() P ...

微信小程序抽奖转盘v1.1（更新圈数控制和速度控制）

微信小程序抽奖转盘v1.1（更新圈数控制和速度控制）相关推荐

最新文章

热门文章