uni-app 在page里设置background后页面显示异常

在 uni-app 中，当在 page 的样式里设置 background 属性时，它可能会同时影响页面根节点和内容区域的背景，导致出现两层背景色的问题。这是因为 uni-app 的页面结构默认包含一个根节点（如 page 元素），其样式可能被继承或覆盖。

解决方案：

1. 明确指定背景范围：在 page 的样式中，使用更具体的选择器或添加 !important 来限制背景仅应用于页面容器，避免影响内部元素。例如：

   page {
     background: your-background !important;
   }
   

   同时，确保页面内的根视图（如 view）没有设置背景色，或显式覆盖其背景为透明：

   .root-view {
     background: transparent;
   }