LuckyBing 中秋博饼

中秋博饼 Demo

中秋博饼 Demo：

博中信息

恭喜你博中

剩余次数：100

<lee-luck-bing ref="LuckBing" :voice="voice" v-model="luckyNum" @start="startCallBack" @end="endCallBack"></lee-luck-bing>  

<script>
    export default {
        data() {
              return {
               luckyNum:13,
               logo:'/luckbing/wyc.png',
               voice:{
               yao:'/luckbing/yao.mp3',
               zero:'/luckbing/zero.mp3',
               one:'/luckbing/one.mp3',
               two:'/luckbing/two.mp3',
               three:'/luckbing/three.mp3',
               four:'/luckbing/four.mp3',
               five:'/luckbing/five.mp3',
               six:'/luckbing/six.mp3'
               }
              }
          },
          methods:{
            startCallBack(){
              if (!this.luckyNum) {
              alert('还剩0次机会')
              return 
              }
              let arr=[]
              for(let i=0;i<6;i++){
               arr[i]=Math.ceil(Math.random() * 6)               
              }
              this.$refs.LuckBing.play(arr)
            },
            endCallBack(rs){
              alert('恭喜你博中:'+rs)
              this.luckyNum--
            }
          }
    }
</script>

显示代码

LuckyBing 属性

参数	说明	类型	可选值	默认值
ref	转盘名	String	--	--
voice	奖项声音	Object	{ yao:'/bobing/yao.mp3'//骰子声音 zero:'/bobing/zero.mp3'//没博到 one:'/bobing/one.mp3'//一秀 two:'/bobing/two.mp3'//二举 three:'/bobing/three.mp3'//三红 four:'/bobing/yao.mp3'//四进 five:'/bobing/five.mp3'//对堂 six:'/bobing/six.mp3'//状元 }	--
logo	赞助商LOGO	String	--	--

LuckBing 事件

事件名称	说明	回调参数
start	开始抽奖事件	--
end	抽奖结束事件	中奖名称

LuckBing 方法

方法名称	说明	参数
play	博饼方法	博中点数数组