uniapp如何修改页面背景

### 什么是UniApp？ UniApp提供了安卓和ios设备的统一开发框架，用于开发跨平台的应用程序。它使用了脚手架集成化的开发方式，使开发人员易于使用。 ### UniApp如何修改页面背景？ UniApp使用了Vue.js的语法；因此，你可以在CSS文件和在Vue组件内部中使用常规的CSS样式来修改页面的背景。具体而言，你可以在HTML页面的style标签中添加CSS样式来修改父元素的背景属性。你可以像下面这样来实现： ```html ``` 可是，有时候你不仅需要修改父元素的背景属性，还需要针对子元素来修改它们的背景属性。你可以像下面这样来实现： ```html ``` ### UniApp如何在脚本中动态修改页面背景？ 当你需要在脚本中动态地改变页面的背景属性时，你可以使用uni-app提供的API来完成它。可以用类似下面这样的代码来实现： ```html ``` 在上述代码中，我们首先定义了一个`pageStyle`实例属性，在data中声明。`pageStyle`属性在页面主体中绑定CSS style属性值。依据需要，我们可以用`changeBgColor`方法来更新`pageStyle`实例属性中的`background-color`属性。 ### UniApp的样式继承方式 在UniApp中，子组件样式属性可以由父组件继承而来。你可以像下面这样为父组件定义样式： ```html ``` 在这个例子中，我们为父组件`parent`定义了背景色和margin属性，我们为子组件`child`定义了边框、padding和margin属性。父亲和女儿都有一个简单的描述，以使代码更加清晰。 在`child`组件中，我们没有明确地定义background-color属性，它被继承自`parent`组件的背景色。