更新记录

1.0.0（2019-09-15）

uni-APP 幸运大转盘

演示地址 https://lebow01.github.io/uni-app-wheelDraw/

使用说明

下载项目

在 script 中引用组件：

    import wheelDraw from '@/components/wheelDraw/index'

    components: {
        wheelDraw
    }

属性

|lightSpeed | 跑马灯的速度 |默认 500 |

方法

使用

import wheelDraw from '@/components/wheelDraw/index'
    export default {
        components: {
            wheelDraw
        },
        data() {
            return {
                winIndex:1,
                turnTableList:[
                    100,
                    200,
                    300,
                    500,
                    600,
                    800
                ]
            }
        },
        onLoad() {
            //初始化方法
            //this.$refs.wheelDraw.drawInit()
        },
        methods: {
            routingBefore(){
                console.log('抽奖开始！')
                this.$refs.wheelDraw.routing() //开始转动
            },
            routingFinish(){
                uni.showModal({
                    title: '中奖提示',
                    content: '恭喜你中奖'+this.turnTableList[this.winIndex]+'元',
                    success: function (res) {
                        if (res.confirm) {
                            console.log('用户点击确定');
                        } else if (res.cancel) {
                            console.log('用户点击取消');
                        }
                    }
                });
            },
        }
    }

其他

• 目前支持编译到：H5、App

平台兼容性

uni-APP 幸运大转盘