小程序---抽奖轮盘制作

最新推荐文章于 2025-04-15 10:56:23 发布

十一T_T

最新推荐文章于 2025-04-15 10:56:23 发布

阅读量2.3k

点赞数

分类专栏：小程序前端文章标签：小程序

本文链接：https://blog.csdn.net/XJ5210224/article/details/83796499

版权

前端同时被 2 个专栏收录

37 篇文章

订阅专栏

小程序

6 篇文章

订阅专栏

<view class='background-image'>
    <image src='pointer.png' class='point' bindtap="start"></image>
    <image src='turn.png' class='turn' animation="{{rotateData}}"></image>
</view>

let animation = wx.createAnimation({
    duration: 2000,
    timingFunction: 'linear',

});
Page({

    /**   * 页面的初始数据        */
    data: {
        rotateData: {},
        turning: false,
    },
    start() {
        let _this = this;
        if (!this.data.turning) {
            let rdm = 0; //随机度数
            rdm = Math.floor(Math.random() * 7200);
            let cat = 51.4;
            animation.rotate(rdm).step();
            this.setData({
                rotateData: animation.export(),
                turning: true,
            })
            setTimeout(() => {
                _this.setData({
                    turning: false
                });
                let num = rdm % 360;

                function showModal(str) {
                    wx.showModal({
                        title: '提示',
                        content: str,
                        success: function() {
                            let animation = wx.createAnimation({
                                duration: 10,
                                timingFunction: 'linear',
                            });
                            animation: rotate(0).step();
                            _this.setData({
                                rotateData: animation.export(),
                            })
                        },
                        fail: function(res) {},
                        complete: function(res) {},
                    })
                }
                if (num < cat * 1) {
                    showModal('4999');
                } else if (num <= cat * 2) {
                    showModal('50元');
                } else if (num <= cat * 3) {
                    showModal('10元');
                } else if (num <= cat * 4) {
                    showModal('5元');
                } else if (num <= cat * 5) {
                    showModal('免息服务');
                } else if (num <= cat * 6) {
                    showModal('提高白条额度');
                } else if (num <= cat * 7) {
                    showModal('未中奖');
                }
            }, 2000);
        }
    },
})