更新记录

1.0.1(2021-01-28)

修改大转盘旋转角度的BUG

1.0.0(2021-01-28)

第一版


平台兼容性

示例小程序:

小程序

一、大转盘:

<turntable-reward ref="turntableChild" :listArr="turntableList" :widthNum="turntableWidthNum"
         :resultIndex="resultIndex" :rewardInstruction="rewardInstruction" @goPlayReward="goPlayReward">
</turntable-reward>
import TurntableReward from '@/components/xtcj-com/circle/turntable-reward.vue'
export default {
        components: {
            TurntableReward
        }
}

参数说明:

参数名 必选 类型 说明
turntableList array 抽奖内容数组
turntableWidthNum int 内容宽度
resultIndex int 中奖INDEX
rewardInstruction string 抽奖规则
goPlayReward function 抽奖方法

二、九宫格

<nine-box ref="nineChild" :circleList="circleList" :awardList="awardList" :rewardInstruction="rewardInstruction" 
        @goPlayReward="goPlayReward">
import NineBox from '@/components/xtcj-com/nine/nine-box.vue'
export default {
        components: {
            NineBox
        }
}

参数说明:

参数名 必选 类型 说明
circleList array 大转盘内容数组
awardList array 奖品图数组
rewardInstruction string 抽奖规则
goPlayReward function 抽奖方法

三、刮刮乐:

<scratch-card ref="scratchChild"
                         :percentage="56"
                         :touchSize="15"
                         fillColor='#ddd'
                         watermark="刮一刮"
                         watermarkColor="#c5c5c5"
                         :watermarkSize="14"
                         title="刮一刮开奖"
                         titleColor="#888"
                         :titleSize="24"
                         :disabled="false"
                         rewardStr=" "
                         :rewardInstruction="rewardInstruction"
                         :cantManageFlag="cantManageFlag"
                         @goPlayReward="goPlayReward">
import ScratchCard from '@/components/xtcj-com/scratch/scratch-card.vue'
export default {
        components: {
            ScratchCard
        }
}

参数说明:

参数名 必选 类型 说明
percentage int 刮到多少百分比开奖
touchSize int 刮的画笔尺寸
fillColor string 填充颜色
watermark string 开始打开上面的水印字
watermarkColor string 开始打开上面的水印字的颜色
title string 开始打开上面的字
titleColor string 开始打开上面的字的颜色
titleSize int 开始打开上面的字的尺寸
disabled boolean 是否不可以刮
rewardStr string 中将内容
rewardInstruction string 抽奖规则
cantManageFlag function 改变是否可以刮的标识
goPlayReward function 抽奖方法

四、摇一摇

<shake ref="shakeChild" :audioCtxObj="shakeAudioCtx" :windowHeight="shakeHeight"
         @shakeHand="shakeHand" @goPlayReward="goPlayReward" :rewardInstruction="rewardInstruction" ></shake>
import ShakeComponent from '@/components/xtcj-com/scratch/scratch-card.vue'
export default {
        components: {
            ShakeComponent
        },
        data() {
            return {
                shakeAudioCtx:null,
                shakeHeight:0
            }
        },
        onLoad(){
            // 设置显示区域高度
            this.shakeHeight = uni.getSystemInfoSync().windowHeight;
            // 声明音频实例
            this.shakeAudioCtx = uni.createInnerAudioContext();
            uni.onAccelerometerChange(this.$refs.shakeChild.starshake);
        }
}        

参数说明:

参数名 必选 类型 说明
shakeAudioCtx int 音频实例 (uni.createInnerAudioContext())
shakeHeight float 窗口宽度(uni.getSystemInfoSync().windowHeight)
shakeHand function 摇动手机后调用的方法
rewardInstruction string 抽奖规则
goPlayReward function 抽奖方法

五、抽牌

<poker-card  ref="pokerChild" :card="cardAttr" :extractNum="extractNum" @open="openCard"
         :rewardInstruction="rewardInstruction" @goPlayReward="goPlayReward">
        </poker-card>
import PokerCard from '@/components/xtcj-com/poker/poker-card.vue'
export default {
        components: {
            PokerCard
        }
}

参数说明:

参数名 必选 类型 说明
cardAttr array 卡牌数组
extractNum int 可抽奖次数
openCard function 抽牌后的方法
rewardInstruction string 抽奖规则
goPlayReward function 抽奖方法

隐私、权限声明

1. 本插件需要申请的系统权限列表:

重力感应 声音

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问