Javascript 在Ionic 5中使用Ionic动画进行页面转换

我使用创建了一个自定义页面转换动画。所以，当点击主页上的“关于”按钮时，它会将您带到没有动画的“关于”页面。但当点击“关于”页面中的“后退”按钮图标时，动画似乎工作正常

这是我的

导航动画

文件的要点

  if (opts.direction === 'forward') {
    return animationCtrl
      .create()
      .addElement(opts.enteringEl)
      .duration(DURATION)
      .fromTo('transform', 'translateX(400px)', 'translateX(0px)');
  } else {
    const rootAnimation = animationCtrl
      .create()
      .addElement(opts.enteringEl)
      .duration(DURATION)
      .fromTo('transform', 'translateX(-400px)', 'translateX(0px)');
    const leavingAnimation = animationCtrl
      .create()
      .addElement(opts.leavingEl)
      .duration(DURATION)
      .fromTo('transform', 'translateX(-400px)', 'translateX(0px)');
    return animationCtrl
      .create()
      .addAnimation([rootAnimation, leavingAnimation]);
  }

我使用创建了一个工作示例。有人能帮忙吗