gs-luckdraw v1.0.8

    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='结束回调事件'