uni-app v3 h5项目手势右滑返回的时候上级页面显示白屏v2 的项目是正常的

uni-app v3 h5项目手势右滑返回的时候上级页面显示白屏v2 的项目是正常的

操作步骤：

  • 浏览器打开项目，上滑触发页面滚动之后使用uni.navigateTo跳转新页面，使用手势返回

预期结果：

  • 返回过程中应该正常展示上级页面

实际结果：

  • 返回过程中上级页面为白屏

bug描述：

  • v3 h5项目，触发滚动之后，手势右滑返回过程中，上级页面显示白屏，滚动复位手势返回过程能够正常展示上级页面，v2项目没有复现这个问题。创建了两个新项目，一个v2，v3，v3可以复现此问题，v2没有出现此问题。
信息类别 信息内容
产品分类 uniapp/H5
PC开发环境 Windows
系统版本号 window11 23H2
开发工具 HBuilderX
工具版本号 4.75
浏览器平台 Chrome
浏览器版本 143.0.7499.110
项目创建方式 HBuilderX

图片


更多关于uni-app v3 h5项目手势右滑返回的时候上级页面显示白屏v2 的项目是正常的的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app v3 h5项目手势右滑返回的时候上级页面显示白屏v2 的项目是正常的的实战教程也可以访问 https://www.itying.com/category-93-b0.html


该bug反馈内容基本完整但存在不足：标题清晰描述了v3 H5项目手势返回白屏问题，但缺少关键代码示例；复现步骤过于简略（未说明滚动触发方式、跳转API类型及具体设备环境）；分类信息中缺失运行平台细节（需确认是浏览器直接访问H5还是App内WebView）。预期结果合理，实际现象符合白屏类问题特征，非误报。
经知识库比对，该问题成立。依据页面加载时序原理，v3版本可能因页面生命周期调整导致滚动后返回时渲染异常。H5项目白屏常见原因包括：DOM结构复杂拖累渲染、数据请求放在onReady而非onLoad中、未配置占位组件。优化白屏方案明确建议：1) 简化DOM结构 2) 数据请求移至onLoad 3) pages.json配置背景色 4) 添加骨架屏占位。
用户当前HBuilderX 4.75非最新版（最新正式版为4.85+），建议先升级验证。若仍存在，需补充代码示例并确认是否使用uni-app x框架（因x版本CSS支持差异可能影响渲染）。手势返回动画机制在窗口动画文档中有说明，v3可能调整了默认行为。 内容为 AI 生成，仅供参考

回到顶部