关于老虎机在页面重复加载以及卡顿等问题

你当前是什么框架(必填)：react

你当前插件的版本(必填)：lucky-canvas/react": "^0.1.12"

当前环境是小程序还是浏览器(选填)：浏览器

详细描述你的bug：进入有老虎机插件的页面加载缓慢部分机型 ios 7 13 页面重复加载

问题代码(重要)：

const myLucky = useRef()

const _width = '80%' const _Top = '0'

const data = { blocks: [ { padding: '7px 0', imgs: [ { src: lotteryImg, width: '100%', height: '100%', }, ], }, ], slots: [ { order: [8, 1, 2, 3, 4, 5, 6, 7, 8, 3], direction: 1 }, { order: [8, 2, 3, 4, 5, 6, 7, 8, 9, 1], direction: -1 }, { order: [8, 3, 4, 5, 6, 7, 8, 9, 0, 4], direction: 1 }, ], prizes: [ { imgs: [ { width: _width, top: _Top, src: shakeImg.Num1, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num2, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num3, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num4, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num5, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num6, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num7, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num8, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num9, }, ], }, { imgs: [ { width: _width, top: _Top, src: shakeImg.Num2, }, ], }, // { fonts: [{ text: '0', top: '15%' }] }, // { fonts: [{ text: '1', top: '15%' }] }, // { fonts: [{ text: '2', top: '15%' }] }, // { fonts: [{ text: '3', top: '15%' }] }, // { fonts: [{ text: '4', top: '15%' }] }, // { fonts: [{ text: '5', top: '15%' }] }, // { fonts: [{ text: '6', top: '15%' }] }, // { fonts: [{ text: '7', top: '15%' }] }, // { fonts: [{ text: '8', top: '15%' }] }, // { fonts: [{ text: '9', top: '15%' }] }, ], defaultStyle: { // borderRadius: Infinity, // background: '#bac5ee', // fontSize: '32px', // fontColor: '#333', }, defaultConfig: { rowSpacing: '18px', colSpacing: '10px', speed: 50, decelerationTime: 4000, }, }

const onStart = () => { getDoDrawAction((pass) => { if (pass) { myLucky.current.play()

    setTimeout(() => {
      const res = [
        [9, 2, 6],
        [2, 5, 7],
        [1, 7, 2],
        [3, 6, 1],
      ]
      const index = res[(Math.random() * 4) >> 0]

      const winningAward = [[8, 8, 8]]
      const winningAwardIndex = winningAward[0]

      const finallyIndex =
        pass.code === 'success' ? winningAwardIndex : index
      myLucky.current.stop(finallyIndex)

      setTimeout(() => {
        //todo
      }, 6000)
    }, 1000)
  }
})

}

// 代码结束 ```

buuing / lucky-canvas

关于老虎机在页面重复加载以及卡顿等问题 #321