toggleDarkMode() { const darkMode = !this.data.darkMode; this.setData({ darkMode: darkMode }); if (darkMode) { wx.setNavigationBarColor({ frontColor: '#ffffff', backgroundColor: '#000000' }); } else { wx.setNavigationBarColor({ frontColor: '#000000', backgroundColor: '#ffffff' }); } },如何修改成设置背景颜色也变化

要同时修改页面背景颜色，可以在`setData`方法中设置一个新的属性，例如`bgColor`，用于控制页面的背景颜色。然后在`wx.setNavigationBarColor`方法中，将`backgroundColor`属性改为`bgColor`，以实现页面背景色和导航栏背景色的同步更新。修改后的代码如下：

toggleDarkMode() {         
  const darkMode = !this.data.darkMode;         
  this.setData({           
    darkMode: darkMode,
    bgColor: darkMode ? '#000000' : '#ffffff' // 根据darkMode设置背景颜色
  });         
  wx.setNavigationBarColor({             
    frontColor: darkMode ? '#ffffff' : '#000000',  // 根据darkMode设置前景色
    backgroundColor: this.data.bgColor // 使用bgColor设置背景色
  });         
},

这样，当`darkMode`为`true`时，背景颜色将变为黑色，导航栏背景色也会变为黑色；当`darkMode`为`false`时，背景颜色将变为白色，导航栏背景色也会变为白色。