turnTable

引用：

import turnTable from 'turnTable';

使用：

模板中引入组件 Like This:

<turn-table :tools='Tools' :turn-table-config='turnTableConfig'></turn-table>

逻辑代码中使用 Like This:

<script>

import ActTools from  "ActTools";
var Tools = ActTools.tools;

export default {
    data () {
        return {
            Tools: Tools, 
            turnTableConfig: {
                rewardKinds: 8,     // 奖励种类数；可不传，默认8
                rotateNums: 2,     // 转盘旋转圈数；可不传，默认3
                callBackFunc: ( textMsg )=>{
                    var dlgMsgObj = {
                        titleText: "&温馨提示&", 
                        bodyText: textMsg,
                        btnsObj: {
                            0: {
                                btnText: "取消",
                                callBackFunc: null
                            },
                            1: {
                                btnText: "确认",
                                callBackFunc: null
                            }
                        },
                        isShowCloseXFlag: true
                    }
                    this.$broadcast('show-strong-dlg', dlgMsgObj);
                }
            }
        }
   },
  components: {
      turnTable,
  },
}

附带使用说明：

• 请保证后端转盘接口为 turntable;返回获奖指向index字段为 num，其起始值从1开始;
• 倘如，开启 抽奖 或者 转盘 的按钮不在组件之中（即，在别处触发），可广播 turntable-msg 消息即可，调用示例Like This：

  this.$broadcast(turntable-msg');