在开发uniapp应用程序时，我们经常需要修改每个页面的背景颜色、图片等。uniapp提供了多种方式来修改页面背景，在本文中，我将为大家详细介绍几种最常见的方法。
一、通过样式表修改背景
在每个页面的样式表（style）中，我们可以通过background属性来设置页面的背景色或背景图片。例如，要将页面背景设置为红色，可以这样写：
这会将该页面的背景颜色设置为红色。同样的，我们也可以将背景设置为图片。例如，要将背景图片设置为logo.png，可以这样写：
...
这样，在页面加载时，就会将指定的图片作为页面背景图片。
二、通过全局样式表修改背景
如果我们想在整个应用程序中统一设置背景，可以通过全局样式表（App.vue）来实现。在App.vue的样式表中，我们可以通过html和body选择器来设置背景颜色和背景图片，如下所示：
这会将整个应用程序的背景颜色设置为灰色，背景图片设置为bg.png，并将其平铺至整个背景区域内。
三、通过全局CSS变量设置背景
追梦A系列（11.0版本，以下11.0均简称为A）是针对企业网站定制设计的，模板采用全新AS3.0代码编辑，拥有更快的运行和加载速度，A系列模板主要针对图片展示，拥有简洁大气展示效果，并且可以自由扩展图片分类，同时还拥有三个独立页面介绍栏目，一个新闻栏目，一个服务介绍栏目，一个幻灯片展示和flv视频播放栏目。A系列模板对一些加载效果进行了修改，包括背景的拉伸模式以及标题的展示方式等都进行了调整，同
另一种修改页面背景的方法是通过CSS变量来实现。在UniApp中，我们可以在根组件（App.vue）中定义一系列CSS变量，然后在每个页面中使用这些变量来设置对应的背景色、图片等。这种方法的好处在于，我们只需要在根组件中定义一次，然后在不同的页面中反复使用，大大减少了代码量。
这里以设置背景色为例。首先，在App.vue中定义一个名为backColor的CSS变量，如下所示：
接着，在需要修改背景的页面中，我们可以使用var()函数来引用这个变量，如下所示：
...
这样，当我们需要修改背景色时，只需要修改根组件中的backColor变量即可，而不必修改每个页面的样式表。
总结：
以上是UniApp修改页面背景的三种常见方法，它们分别是通过样式表、全局样式表和全局CSS变量来实现，各有其适用场景。无论哪种方法，我们都可以在UniApp的开发文档中找到更详细的解释和示例，建议大家多多学习，摸索出最适合自己的方法。
