uni-app 设置页面底色

在uni-app中设置页面底色通常不是通过全局样式`App.vue`来完成的，因为这会影响到整个应用的底部导航栏（tabbar）样式。如果你想要改变某个特定页面的背景颜色，应该在该页面组件的样式中定义，而不是在全局样式中。

如果你想更改单个页面的背景颜色，可以在对应的vue组件的`.vue`文件中的`<style>`标签内，或者在 scoped 样式部分，使用以下CSS：

<style scoped>
.page-name {
  background-color: 颜色值;
}
</style>

<!-- 其中 "page-name" 是你要设置背景色的页面组件名 -->

如果想保持统一性并避免覆盖默认样式，可以创建一个新的CSS类并应用于需要变色的部分，比如这样：

.custom-page-bg {
  background-color: rgba(57, 181, 74, 0.1);
}

然后在相应页面的`<template>`中应用这个类：

<template>
  <view class="custom-page-bg">
    <!-- 页面内容 -->
  </view>
</template>