uniapp页面变颜色

修改全局页面背景色

在App.vue的style中设置全局样式，适用于所有页面：

page {
  background-color: #f5f5f5; /* 自定义颜色 */
}

单独修改页面背景色

在具体页面的<style>标签内设置，仅影响当前页面：

page {
  background-color: #eaeaea; /* 当前页面颜色 */
}

动态切换背景色

通过绑定样式实现动态变化（Vue示例）：

<template>
  <view :style="{ backgroundColor: bgColor }">
    <!-- 页面内容 -->
  </view>
</template>
<script>
export default {
  data() {
    return {
      bgColor: '#ffffff' // 默认颜色
    };
  }
};
</script>

注意事项

• 使用十六进制颜色码或RGBA值（如rgba(255,0,0,0.5)）
• 部分组件可能有独立背景色，需单独设置
• 在pages.json中配置的样式优先级可能高于页面内样式