uni-app 华为机型nvue跳转新页面无底色

这是一个已知的华为机型渲染兼容性问题，主要出现在Android 10系统的华为手机上。问题根源在于华为系统对SurfaceView的渲染处理机制与标准Android存在差异。

解决方案：

1. 设置页面背景色（推荐） 在目标页面的<template>根节点或<page>节点上直接设置background-color样式：

   <template>
     <view style="background-color:#FFFFFF;">
       <!-- 页面内容 -->
     </view>
   </template>
   

2. 全局样式配置 在App.vue的全局样式中设置默认背景色：

   page {
     background-color: #FFFFFF;
   }
   

3. 页面生命周期处理 在页面的onLoad或onReady生命周期中强制设置背景：

   onReady() {
     const pages = getCurrentPages()
     const currentPage = pages[pages.length - 1]
     if(currentPage.$el) {
       currentPage.$el.style.backgroundColor = '#FFFFFF'
     }
   }
   

4. 使用页面渐入动画 在页面跳转时添加动画效果可以缓解视觉突兀：

   uni.navigateTo({
     url: '/pages/targetPage',
     animationType: 'slide-in-right',
     animationDuration: 300
   })