小程序在pages.json 怎么使用uni.scss变量更改标题背景色

在微信小程序中，如果你想通过`uni.scss`变量来动态更改`pages.json`文件中页面的标题背景色，首先你需要在`uni.scss`文件中定义这个变量，例如：

// uni.scss
$custom-title-color: #ff0000; // 假设红色是你想要的默认值

// 页面组件中可以引用该变量
title {
  background-color: $custom-title-color;
}

然后，在`pages.json`的每个页面配置中，你可以设置自定义样式覆盖默认值。假设你要将`index`页面的标题颜色改为从`uni.scss`变量获取的值，可以在`json`配置里这样写：

{
  "pages": [
    {
      "path": "index",
      "component": "index.wxss",
      "style": "custom", // 增加一个自定义样式标签
      "options": {
        "disableScroll": true,
        "onLoad": function() {
          wx.setStorageSync('customTitleColor', '#00ff00'); // 设置新的颜色
          this.setData({
            titleStyle: {
              backgroundColor: uni.getStorageSync('customTitleColor') // 获取并应用变量
            }
          });
        }
      }
    }
  ]
}

这里我们在`onLoad`生命周期钩子函数中，先存储了新颜色到本地，然后更新`setData`中的标题样式。