Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

切换页面时动画过度中上一个页面立马变成空白 #15837

Closed
joket1999 opened this issue Jun 3, 2024 · 2 comments
Closed

切换页面时动画过度中上一个页面立马变成空白 #15837

joket1999 opened this issue Jun 3, 2024 · 2 comments
Labels
F-react Framework - React T-h5 Target - 编译到 H5 V-3 Version - 3.x

Comments

@joket1999
Copy link

相关平台

H5

浏览器版本: Chrome 125、Firefox 126
使用框架: React

复现步骤

  1. 新建两个页面A和B,router中配置customRoutes;
  2. 在A页面中打开B页面。

期望结果

页面切换动画结束后才隐藏(添加display: none的class)上一个页面;
返回上一个页面时,动画开始前就需要显示(去掉控制display:none的class)上一个页面。

实际结果

切换时动画一开始,上一个页面就立马变空白(display: none)
返回上一页,一开始就空白页面,切换页面的动画结束后才显示内容。
体验差

环境信息

Taro CLI 3.6.26 environment info:
    System:
      OS: macOS 10.15.7
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
      Yarn: 1.22.21 - ~/.nvm/versions/node/v18.17.1/bin/yarn
      npm: 9.6.7 - ~/.nvm/versions/node/v18.17.1/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.26 => 3.6.26
      @tarojs/components: 3.6.26 => 3.6.26
      @tarojs/helper: 3.6.26 => 3.6.26
      @tarojs/mini-runner: ^3.6.26 => 3.6.26
      @tarojs/plugin-framework-react: 3.6.26 => 3.6.26
      @tarojs/plugin-platform-alipay: 3.6.26 => 3.6.26
      @tarojs/plugin-platform-h5: 3.6.26 => 3.6.26
      @tarojs/plugin-platform-jd: 3.6.26 => 3.6.26
      @tarojs/plugin-platform-qq: 3.6.26 => 3.6.26
      @tarojs/plugin-platform-swan: 3.6.26 => 3.6.26
      @tarojs/plugin-platform-tt: 3.6.26 => 3.6.26
      @tarojs/plugin-platform-weapp: 3.6.26 => 3.6.26
      @tarojs/react: 3.6.26 => 3.6.26
      @tarojs/runtime: 3.6.26 => 3.6.26
      @tarojs/shared: 3.6.26 => 3.6.26
      @tarojs/taro: 3.6.26 => 3.6.26
      @tarojs/taro-loader: 3.6.26 => 3.6.26
      @tarojs/webpack-runner: 3.6.26 => 3.6.26
      @tarojs/webpack5-runner: ^3.6.28 => 3.6.28
      babel-preset-taro: 3.6.26 => 3.6.26
      eslint-config-taro: 3.6.26 => 3.6.26
      react: 18.3.1 => 18.3.1
    npmGlobalPackages:
      typescript: 5.3.3
@taro-bot2 taro-bot2 bot added F-react Framework - React T-h5 Target - 编译到 H5 V-3 Version - 3.x labels Jun 3, 2024
@github-project-automation github-project-automation bot moved this to Padding in H5 Jun 3, 2024
@tangbzai
Copy link
Contributor

tangbzai commented Jun 3, 2024

taro版本升级到3.6.30就好

3.6.29修复的问题(#15576),但是3.6.29有问题,建议直接升到3.6.30

@joket1999
Copy link
Author

taro版本升级到3.6.30就好

3.6.29修复的问题(#15576),但是3.6.29有问题,建议直接升到3.6.30

确实解决了,thx

@github-project-automation github-project-automation bot moved this from Padding to Done in H5 Jun 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
F-react Framework - React T-h5 Target - 编译到 H5 V-3 Version - 3.x
Projects
Archived in project
Development

No branches or pull requests

2 participants