3回答

Sam

2019-04-21

你好，代码已经经过第二轮调试，问题出在import中，去掉下面这行代码就可以生效了

import { setInterval, setTimeout, clearTimeout } from 'timers'

造成这个问题的原因是你的setInterval、setTimeout和clearTimeout引用了timers这个库中的方法，所以没有达到预期的结果，这三个方法是Javascript语言内置的，无需import直接就可以使用

0

1

qq_源稚_0

非常感谢老师，问题解决了

2019-04-21

共1条回复

Sam

2019-04-19

你好，代码已经调试过了，问题出在reset()方法中，你可以核对一下课程视频和源码，这块有缺失，你目前的实现，第一遍展示完全没问题，但是关闭后再次打开由于没有成功重置导致了bug，你目前的reset()方法只对flapCard的先后次序做了重置，没有对显示状态进行重置。课程中提供的reset()方法源码如下：

reset() {
  this.front = 0
  this.back = 1
  this.flapCardList.forEach((item, index) => {
    item.zIndex = 100 - index
    item._g = item.g
    item.rotateDegree = 0
    this.rotate(index, 'front')
    this.rotate(index, 'back')
  })
  this.runBookCardAnimation = false // 隐藏推荐图书面板
  this.runFlapCardAnimation = false // 隐藏flapcard面板
  this.runPointAnimation = false // 隐藏小球动画
},

你缺少了我注释的三行代码，这三行代码保证了reset时隐藏view，所以再次打开时可以正确回到初始状态

0

1

qq_源稚_0

老师，代码都完全加上了，可是关闭重新打开的时候，卡片翻转就会出现问题，不知道为什么，对比了几遍源码了，希望老师再看看， https://gitee.com/Dany_ash/Ebook.git

2019-04-19

共1条回复

qq_源稚_0

提问者

2019-04-18

7-11这一节，flapcard这个文件代码跟着老师敲的，但是最后重置那会出现bug不知道为什么。https://gitee.com/Dany_ash/Ebook.git，能帮我看看代码么，老师

0

1

Sam

看下上面的回复

2019-04-21

共1条回复