uni-app 打开新页面后还会显示上一个页面的内容和tabbar

这是一个在 Android 平台上使用 nvue 页面时，调用 uni.navigateTo 可能遇到的常见渲染问题。核心原因通常与 nvue 页面的渲染机制和页面切换动画的配合有关。

主要原因分析：

1. 渲染层级与动画时序问题：nvue 页面采用原生渲染。当执行 uni.navigateTo 时，新页面会以原生动画（如从右向左滑入）的方式呈现。在某些 Android 机型或系统版本上，上一个页面的销毁（或隐藏）动画与新页面的创建动画可能存在细微的时序不同步。导致在新页面动画执行初期，上一个页面的视图内容仍短暂残留。
2. 页面背景设置：如果旧页面或新页面的背景色设置为透明或未明确设置，可能会使底层内容（即上一个页面）在切换间隙透出。
3. 页面结构或样式影响：复杂的页面布局或特定的 CSS 样式（如某些定位属性）可能干扰原生渲染引擎对页面切换时的图层管理。

针对性的解决方案（按推荐顺序尝试）：

方案一：明确设置页面背景色 确保每个 nvue 页面的根节点或 page 样式具有不透明的背景色。这是最直接有效的方法。

/* 在页面的 style 中或 App.vue 的全局样式中 */
page {
    background-color: #FFFFFF; /* 或你的设计背景色 */
}

如果页面根元素是 view，也为其设置背景色。

方案二：使用 uni.redirectTo 替代 如果业务逻辑允许（即不需要返回上一个页面），使用 uni.redirectTo 关闭当前页面并跳转，可以避免页面堆叠和切换动画，从根本上消除此问题。

方案三：调整页面切换动画 尝试在 pages.json 中为相关页面或全局配置更简单的页面切换动画，或禁用动画，观察是否改善。

"globalStyle": {
    "animationType": "pop-in", // 尝试 "slide-in-right" 等
    "animationDuration": 200 // 适当调整时长
}

或在跳转时使用 API 参数：

uni.navigateTo({
    url: 'new-page',
    animationType: 'slide-in-right',
    animationDuration: 200
});