gs-luckdraw
v1.0.8
Published
``` main.js 全局引入
Downloads
7
Readme
main.js 全局引入
import luckDraw from 'gs-luckdraw';
Vue.use(luckDraw)
<Gs-SMLottery
ref="SMLottery"
:Mlr='Mlr'
:MTm='MTm'
:ItemHeight='ItemHeight'
v-model='CurrentIndex'
:option='option'
@success='success'
>
<Gs-SMItem
v-for="(item,index) in 8"
:key="index"
:class="CurrentIndex==index?'cur':''"
:Mlr='Mlr'
:MTm='MTm'
:ItemHeight='ItemHeight'
>
循环自定义内容
</Gs-SMItem>
<div slot="luckDrawOperation">
中间框
</div>
</Gs-SMLottery>
CurrentIndex: 0, //0开始 7结束 99初始状态
option: {
speed: 450, //起始速度
FastestSpeed: 50, //最快速度150
StopSpeed: 600, //最慢速度阈值
AccelerationAndDecelerationRange: 20, //加减速幅度
},
ItemHeight: 100,
Mlr: 5, // 左右边距
MTm: 5, // 上下边距
开始事件
this.$refs.SMLottery.implement();
结束事件 传入停止index 第几个 1开始
this.$refs.SMLottery.SlowDownAndStop(e);
@success='结束回调事件'