LuckyBing

LuckyBing

Example：

infomation

Congratulations,you get

剩余次数：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>

显示代码

Attribute

Parameter	Description	Type	Optional Value	Default Value
ref	LuckyBing Name	String	--	--
voice	sounds	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	sponsor logo	String	--	--

Event

Event name	Description	Callback parameter
start	start event	--
end	end event	result text

Method

Method name	Description	parameter
play	Method	the array of point