uniapp修改全局页面背景

在UniApp中修改全局页面背景色可以通过以下两种方式实现：

1. **全局页面背景色设置**[^1]:
在`App.vue`文件的`<template>`标签外部添加一个`<style>`标签，在其中定义全局的`page`样式，如：

   <template>
     ...
   </template>
   <style scoped>
   /* 全局背景颜色 */
   page {
     background-color: blue;
   }
   </style>

使用`scoped`属性可以限制样式只应用到当前组件。

2. **单页面设置**:
如果只想针对特定页面设置背景色，可以在对应的`pages.json`文件的`globalStyle`属性中指定该页面的背景颜色。例如：

   "pages": {
      "index": {
         "path": "pages/index/index",
         "component": "components/index/index.vue",
         "globalStyle": {
            "backgroundColor": "#ff0000" // 设置红色背景
         }
      }
   }

方法二：**通过`pages.json`全局设置**[^2]：
在项目的`pages.json`文件中，找到每个页面配置项（如`index`），在`globalStyle`部分添加`backgroundColor`属性，这样所有匹配该路径的页面都会应用这个背景色。